commit 6af863199f4f7268dc6cb6a72c031aa894ec05e9
Author: chpark <chpark@wace.me>
Date:   Sat Apr 25 02:44:40 2026 +0900

    feat: 모모유통 유통관리 ERP (Next.js 16) — MOMO 브랜딩 + distribution DB + momo.junggomoa.com
    
    - fito-nextjs 기반으로 재구성
    - 로그인: MOMO 로고 + 모모유통 + 유통관리 ERP, 하단에 본사/지사 주소 표시
    - 사이드바 상단: MOMO 아이콘 + 모모유통 + 유통관리 ERP
    - 파비콘: /src/app/icon.svg (MOMO 그린 배지)
    - layout.tsx title: 모모유통 | 유통관리 ERP
    - DB: 183.99.177.40:5432/distribution (fito 스키마 import 완료)
    - Traefik: Host(momo.junggomoa.com), 컨테이너 momo-erp

diff --git a/.claude/rules/api-routes.md b/.claude/rules/api-routes.md
new file mode 100644
index 0000000..bc0c2a2
--- /dev/null
+++ b/.claude/rules/api-routes.md
@@ -0,0 +1,76 @@
+---
+globs: src/app/api/**/*.ts
+---
+
+# API Route 코딩 규칙
+
+## 인증 체크
+모든 핸들러 첫 줄에 세션 검증 필수:
+```typescript
+const user = await getSession();
+if (!user) return NextResponse.json({ success: false }, { status: 401 });
+```
+
+## import 순서
+1. `next/server` (NextRequest, NextResponse)
+2. `@/lib/session` (getSession)
+3. `@/lib/db` (queryRows, queryOne, execute)
+4. `@/lib/utils` (createObjectId, checkNull 등)
+5. 기타 (`@/lib/auth`, `@/lib/encrypt` — login 전용)
+
+## 동적 SQL 파라미터
+```typescript
+const conditions: string[] = ["1=1"];
+const params: unknown[] = [];
+let idx = 1;
+
+if (body.field) {
+  conditions.push(`TABLE.COLUMN = $${idx++}`);
+  params.push(body.field);
+}
+// LIKE: conditions.push(`COLUMN LIKE '%' || $${idx++} || '%'`);
+
+const sql = `SELECT ... WHERE ${conditions.join(" AND ")} ORDER BY regdate DESC`;
+const rows = await queryRows(sql, params);
+```
+
+## SQL alias 대문자
+PostgreSQL은 따옴표 없는 alias를 소문자로 반환한다. 대문자 유지하려면 큰따옴표 필수:
+```sql
+SELECT id AS "OBJID", name AS "USER_NAME"   -- O (대문자 유지)
+SELECT id AS OBJID                           -- X (소문자 objid로 반환)
+```
+
+## 응답 형식
+- 목록 조회: `{ RESULTLIST: rows, TOTAL_CNT: rows.length }`
+- 단순 조회: `{ success: true, data: rows }`
+- 저장/수정: `{ success: true }` 또는 `{ success: true, objId: newId }`
+- 오류: `{ success: false, message: "..." }` + HTTP 400/401/500
+
+## 에러 처리
+```typescript
+try {
+  // 비즈니스 로직
+} catch (error) {
+  console.error("설명:", error);
+  return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+}
+```
+
+## INSERT/UPDATE 구분
+`actionType` 필드로 분기:
+```typescript
+const { actionType } = body;
+if (actionType === "regist") {
+  const newId = createObjectId();
+  await execute(`INSERT INTO ...`, [...]);
+} else {
+  await execute(`UPDATE ... WHERE OBJID = $${idx}`, [...]);
+}
+```
+
+## SQL 공통 패턴
+- 삭제 플래그: `COALESCE(IS_DEL, 'N') != 'Y'`
+- 날짜 포맷: `TO_CHAR(regdate, 'YYYY-MM-DD')`
+- 기본 정렬: `ORDER BY regdate DESC`
+- objId 타입 변환: `objid::text AS "OBJID"`
diff --git a/.claude/rules/components.md b/.claude/rules/components.md
new file mode 100644
index 0000000..b8a987c
--- /dev/null
+++ b/.claude/rules/components.md
@@ -0,0 +1,62 @@
+---
+globs: src/components/**/*.tsx
+---
+
+# 컴포넌트 코딩 규칙
+
+## 폼 컴포넌트 (ui/)
+- `forwardRef` 패턴 사용 (Button, Input, Select)
+- disabled 스타일: `disabled:opacity-50 disabled:cursor-not-allowed`
+- focus 스타일: `focus:outline-none focus:ring-1 focus:ring-primary/50`
+- `cn()` 유틸리티로 Tailwind 클래스 병합
+
+## CodeSelect props
+```tsx
+<CodeSelect
+  codeId="CODE_GROUP_ID"     // 필수: 코드 그룹 ID
+  value={value}
+  onChange={(e) => setValue(e.target.value)}
+  placeholder="선택"          // 기본값
+/>
+```
+- API: `POST /api/common/code-list` (body: `{ codeId }`)
+- 응답 필드: `CODE_ID`, `CODE_NAME`
+
+## FileUpload props
+```tsx
+<FileUpload
+  targetObjId="대상ID"       // 필수
+  docType="문서타입코드"      // 필수
+  docTypeName="문서타입명"    // 필수
+  onUploadComplete={() => fetchFiles()}
+/>
+```
+- formData 키: `"file"`, `"targetObjId"`, `"docType"`, `"docTypeName"`
+
+## DataGrid GridColumn 인터페이스
+```typescript
+{
+  title: string;
+  field: string;              // RESULTLIST의 대문자 필드명
+  width?: number | string;
+  hozAlign?: "left" | "center" | "right";
+  formatter?: "money" | ((cell: unknown, row: Record<string, unknown>) => string);
+  cellClick?: (row: Record<string, unknown>) => void;
+  visible?: boolean;
+}
+```
+- formatter `"money"` → `numberWithCommas()` 자동 적용
+- 데이터 소스: `data` prop (배열) 또는 `dataUrl` (POST)
+- 빈 데이터 메시지: "데이터가 없습니다."
+
+## SearchForm 구조
+```tsx
+<SearchForm onSearch={fetchData}>
+  <SearchField label="검색어">
+    <Input name="keyword" />
+  </SearchField>
+  <SearchField label="분류">
+    <CodeSelect codeId="CATEGORY" name="category" />
+  </SearchField>
+</SearchForm>
+```
diff --git a/.claude/rules/pages.md b/.claude/rules/pages.md
new file mode 100644
index 0000000..3d61045
--- /dev/null
+++ b/.claude/rules/pages.md
@@ -0,0 +1,65 @@
+---
+globs: src/app/(main)/**/*.tsx, src/app/(auth)/**/*.tsx, src/app/admin-panel/**/*.tsx
+---
+
+# 페이지 코딩 규칙
+
+## 기본 구조
+모든 페이지는 `"use client"` 클라이언트 컴포넌트:
+```tsx
+"use client";
+
+import { useState, useCallback } from "react";
+import { DataGrid, GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+```
+
+## 페이지 레이아웃 순서
+1. 제목: `<h2 className="text-lg font-bold text-gray-800 mb-4">{제목}</h2>`
+2. 검색 폼: `<SearchForm>` + `<SearchField>`
+3. 버튼 영역: 조회/등록/삭제
+4. 데이터 그리드: `<DataGrid>` + `<Pagination>`
+
+## 데이터 조회
+```tsx
+const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+const fetchData = useCallback(async () => {
+  const res = await fetch("/api/{domain}/{resource}", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ year, category_cd }),
+  });
+  if (res.ok) {
+    const json = await res.json();
+    setData(json.RESULTLIST || []);
+  }
+}, [year, category_cd]);
+```
+
+## 팝업
+```tsx
+const left = (window.screen.width - 1200) / 2;
+const top = (window.screen.height - 550) / 2;
+window.open(url, "formPopup", `width=1200,height=550,left=${left},top=${top}`);
+```
+
+## 삭제 확인
+```tsx
+if (selectedRows.length === 0) {
+  Swal.fire("알림", "삭제할 항목을 선택하세요.", "warning");
+  return;
+}
+```
+
+## DataGrid 높이
+페이지별 `calc(100vh - 350px)` ~ `calc(100vh - 400px)` 사용.
+
+## 년도 필터 (자주 사용)
+```tsx
+Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i)
+```
diff --git a/.claude/rules/typescript.md b/.claude/rules/typescript.md
new file mode 100644
index 0000000..9674d02
--- /dev/null
+++ b/.claude/rules/typescript.md
@@ -0,0 +1,29 @@
+---
+globs: **/*.ts, **/*.tsx
+---
+
+# TypeScript 공통 규칙
+
+## 경로 alias
+`@/*` → `./src/*` (tsconfig paths). 항상 `@/` 접두사 사용:
+```typescript
+import { queryRows } from "@/lib/db";        // O
+import { queryRows } from "../../lib/db";     // X
+```
+
+## import 그룹 순서
+1. React/Next.js (`react`, `next/*`)
+2. 외부 라이브러리 (`sweetalert2`, `jose`, `lucide-react`)
+3. 내부 모듈 (`@/lib/*`, `@/store/*`, `@/types/*`, `@/components/*`)
+
+## 데이터 타입
+- API 응답 데이터: `Record<string, unknown>[]`
+- 그리드 행 데이터: `Record<string, unknown>`
+- 필드명은 대문자: `row.OBJID`, `row.USER_NAME`
+- 중앙 타입은 `@/types/index.ts`에서 import
+
+## null 처리
+`checkNull(value)` 유틸리티 사용. 문자열 `"null"`, `"undefined"`도 빈 문자열로 변환.
+
+## strict mode
+tsconfig에 `strict: true` 설정됨. 암시적 any 금지.
diff --git a/.claude/settings.json b/.claude/settings.json
new file mode 100644
index 0000000..4aa68cd
--- /dev/null
+++ b/.claude/settings.json
@@ -0,0 +1,18 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(where *)",
+      "Bash(docker --version)",
+      "Bash(docker-compose *)",
+      "Bash(docker compose *)",
+      "Bash(git push*)",
+      "Bash(git push -u origin*)",
+      "Bash(docker run *)",
+      "Bash(docker exec *)",
+      "Bash(docker cp *)",
+      "Bash(ssh *)",
+      "Bash(scp *)",
+      "Bash(sshpass *)"
+    ]
+  }
+}
diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 0000000..5a2606d
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,19 @@
+node_modules
+.next
+.git
+.gitignore
+README.md
+.env*
+!.env.production.example
+!.env.development.example
+.vscode
+.idea
+.DS_Store
+npm-debug.log*
+*.log
+coverage
+.claude
+.dockerignore
+Dockerfile*
+docker-compose*.yml
+tsconfig.tsbuildinfo
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..2146a06
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,44 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+/logs/
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+/src/generated/prisma
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..8bd0e39
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->
diff --git a/CLAUDE.md b/CLAUDE.md
new file mode 100644
index 0000000..6a2f73c
--- /dev/null
+++ b/CLAUDE.md
@@ -0,0 +1,77 @@
+# FITO — (주)피토 PLM (Next.js 풀스택)
+
+기존 Java/Spring MVC + JSP + MyBatis 기반 FITO 시스템을 Next.js 15 + Node.js로 1:1 컨버전한 제조/PLM 시스템.
+
+> **프로젝트 히스토리**: `woosung-nextjs`에서 피벗. 이전 상태는 태그 `woosung-v1-snapshot`에 보존. 우성 도메인 코드(api/*, app/(main)/*)는 점진적으로 FITO로 교체 중.
+
+---
+
+## 디렉토리별 CLAUDE.md
+
+| 디렉토리 | 내용 |
+|---------|------|
+| [src/lib/](src/lib/CLAUDE.md) | 핵심 인프라: DB, 인증, 세션, 암호화, 상수 |
+| [src/store/](src/store/CLAUDE.md) | Zustand 전역 상태 (auth, menu, theme) |
+| [src/types/](src/types/CLAUDE.md) | TypeScript 중앙 타입 정의 |
+| [src/components/](src/components/CLAUDE.md) | UI/레이아웃/그리드 공통 컴포넌트 |
+| [src/app/api/](src/app/api/CLAUDE.md) | API 라우트 |
+| [src/app/(main)/](src/app/(main)/CLAUDE.md) | 업무 페이지 (인증 필수) |
+| [src/app/(auth)/](src/app/(auth)/CLAUDE.md) | 로그인 페이지 |
+| [src/app/admin-panel/](src/app/admin-panel/CLAUDE.md) | 관리자 패널 (팝업) |
+
+---
+
+## 기술 스택
+- **Frontend**: Next.js 15 (App Router), React 19, TypeScript, Tailwind CSS
+- **Backend**: Next.js API Routes (Node.js)
+- **Database**: PostgreSQL (외부 공용 서버 `211.115.91.141:11140/fito`, raw SQL via `pg`)
+- **인증**: JWT (jose) + Cookie 기반 세션
+- **상태관리**: Zustand
+- **UI**: SweetAlert2, Lucide Icons, Custom DataGrid (TanStack React Table)
+
+## 원본 프로젝트 매핑
+원본 FITO 위치: `/Users/jhj/FITO/` (Java 7 + Spring 3.2.4 + MyBatis 3.2.3 + JSP + Tomcat 7)
+
+- `src/app/api/` → Java Controller (`*.do` 엔드포인트, `com.pms.controller.*`)
+- `src/app/(main)/` → JSP 페이지 (`/WebContent/WEB-INF/view/`)
+- `src/lib/db.ts` → MyBatis SqlSession (queryRows = selectList, queryOne = selectOne)
+- `src/lib/auth.ts` → LoginService
+- `src/lib/session.ts` → SessionManager + PersonBean
+- `src/lib/encrypt.ts` → EncryptUtil (AES)
+- `src/lib/constants.ts` → Constants.java
+- `src/lib/utils.ts` → CommonUtils.java
+
+## DB 쿼리 패턴
+기존 MyBatis XML mapper의 SQL을 `queryRows`/`queryOne`/`execute`로 직접 실행.
+파라미터는 `$1`, `$2` 형태의 PostgreSQL prepared statement 사용.
+
+**FITO mapper 위치**: `/Users/jhj/FITO/src/com/pms/mapper/` (77개 XML)
+
+## 새 모듈 추가 시
+1. `src/app/api/[module]/route.ts` — API 라우트 (기존 Controller 대응)
+2. `src/app/(main)/[module]/page.tsx` — 페이지 (기존 JSP 대응)
+3. FITO MyBatis XML에서 SQL 복사하여 raw query로 변환
+4. `SearchForm` + `DataGrid` 컴포넌트 조합으로 목록 페이지 구성
+
+## 미들웨어 (인증)
+`src/middleware.ts`가 모든 요청을 가로채서 `plm-session` 쿠키 존재 여부 확인.
+- 공개 경로: `/login`, `/api/auth/login`, `/_next`, `/favicon.ico`
+- 세션 없는 일반 요청 → `/login`으로 리다이렉트
+- 세션 없는 API 요청 → 401 JSON 응답
+
+## 실행
+```bash
+npm run dev   # 개발 서버 (localhost:3000)
+```
+
+## 환경변수
+
+- `.env.development` — 로컬 개발용 (외부 FITO DB 접속)
+- `.env.development.example` — 팀 공유 템플릿 (비밀번호 마스킹)
+- `.env` — Prisma CLI용 기본값
+
+## 배포 표준 (예정)
+
+- Docker Compose dev/prod 분리
+- Traefik 리버스 프록시 + `fito.wace.me` 서브도메인
+- DB는 외부 `211.115.91.141:11140/fito` 공유 (컨테이너 내부 DB 없음)
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..218628d
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,44 @@
+# Multi-stage build for FITO Next.js 풀스택 — production
+# Stage 1: 의존성 설치
+FROM node:20-alpine AS deps
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm ci
+
+# Stage 2: 빌드
+FROM node:20-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# 환경변수 (빌드 타임에 주입되는 NEXT_PUBLIC_* 변수)
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV NODE_ENV=production
+
+RUN npm run build
+
+# Stage 3: 런타임 (최소 이미지)
+FROM node:20-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV PORT=3000
+ENV HOSTNAME=0.0.0.0
+
+# 비루트 사용자 (보안)
+RUN addgroup --system --gid 1001 nodejs && \
+    adduser --system --uid 1001 nextjs
+
+# standalone 번들 복사
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+COPY --from=builder --chown=nextjs:nodejs /app/public ./public
+
+# 파일 업로드 디렉토리
+RUN mkdir -p /data_storage && chown nextjs:nodejs /data_storage
+
+USER nextjs
+EXPOSE 3000
+
+CMD ["node", "server.js"]
diff --git a/Dockerfile.dev b/Dockerfile.dev
new file mode 100644
index 0000000..2ff69e3
--- /dev/null
+++ b/Dockerfile.dev
@@ -0,0 +1,19 @@
+# 개발환경 — hot reload 지원
+FROM node:20-alpine
+WORKDIR /app
+
+# 의존성 캐시용
+COPY package.json package-lock.json ./
+RUN npm ci
+
+# 소스는 bind mount (docker-compose.dev.yml에서 지정)
+COPY . .
+
+ENV NODE_ENV=development
+ENV NEXT_TELEMETRY_DISABLED=1
+ENV PORT=3000
+ENV HOSTNAME=0.0.0.0
+
+EXPOSE 3000
+
+CMD ["npm", "run", "dev"]
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..602a220
--- /dev/null
+++ b/README.md
@@ -0,0 +1,70 @@
+# FITO — (주)피토 PLM (Next.js)
+
+기존 Java/Spring MVC + JSP + MyBatis 기반 FITO PLM을 Next.js 15 + Node.js로 컨버전한 시스템.
+
+- 원본: [/Users/jhj/FITO](../FITO) (Java 7 + Spring 3.2.4 + MyBatis 3.2.3 + JSP)
+- DB: 외부 PostgreSQL `211.115.91.141:11140/fito` (기존 스키마 그대로 사용)
+- 이전 이력: `woosung-nextjs`에서 피벗. 스냅샷 태그 `woosung-v1-snapshot`.
+
+## 개발 시작
+
+```bash
+npm install
+npm run dev    # http://localhost:3000
+```
+
+## 환경변수
+
+`.env.development`의 DB 접속 정보를 확인. 필수 키:
+
+- `DATABASE_URL` — 외부 PostgreSQL 접속
+- `NEXTAUTH_SECRET` — JWT 서명 키
+- `MASTER_PWD` — 마스터 비밀번호 (개발 편의용)
+- `AES_KEY` — 비밀번호 AES 암호화 키 (기존 Java 호환)
+
+## 배포 표준
+
+- Docker Compose (dev/prod 분리) — 기존 FITO(Java) 배포환경 재사용
+- Traefik 리버스 프록시 + `fito.wace.me` 도메인 (entrypoints: web, websecure / certresolver: le)
+- 외부 네트워크 `toktork_server_default`
+- DB는 외부 서버 공유 (`211.115.91.141:11140/fito`) — 컨테이너 내부 DB 없음
+
+### `start.sh` 배포 스크립트 (권장)
+
+```bash
+# 첫 배포 (서버에서)
+cp .env.production.example .env.production
+vi .env.production   # DATABASE_URL, NEXTAUTH_SECRET, AES_KEY 등 입력
+
+./start.sh prod      # git pull → build → 기동 → Traefik 라우팅 확인
+
+# 이후 배포 (git commit 후)
+./start.sh prod      # 자동 git pull + 재빌드
+
+# 기타 운영
+./start.sh logs prod      # 실시간 로그
+./start.sh restart prod   # 재시작 (git pull 포함)
+./start.sh stop prod      # 중지
+./start.sh status prod    # 컨테이너 상태
+./start.sh build prod     # no-cache 재빌드
+./start.sh clean prod     # 전체 삭제 (확인 필요)
+```
+
+스크립트는 start.sh 자체가 업데이트되면 새 버전으로 **자동 재실행**하므로 안전합니다.
+
+### 로컬 개발
+
+```bash
+./start.sh           # docker 기반 (localhost:3643, hot reload)
+npm run dev          # docker 없이 Node 직접 (localhost:3000)
+```
+
+### 인프라 정보
+
+- 컨테이너명: `plm-fito-next` (prod) / `plm-fito-next-dev` (dev)
+- 도메인: `https://fito.wace.me`
+- 내부 포트: 3000 (Traefik이 외부 80/443 → 3000)
+- 파일 저장: 호스트 `./data_storage` (레포 상대경로) ↔ 컨테이너 `/data_storage`
+- 이미지: Next.js `output: "standalone"` 기반 multi-stage build
+
+상세 구성은 [CLAUDE.md](CLAUDE.md) 참고.
diff --git a/docker-compose.dev.yml b/docker-compose.dev.yml
new file mode 100644
index 0000000..d7f1b49
--- /dev/null
+++ b/docker-compose.dev.yml
@@ -0,0 +1,24 @@
+# 로컬 개발 (hot reload)
+# 사용: docker compose -f docker-compose.dev.yml up --build
+services:
+  plm-fito-next-dev:
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+    container_name: plm-fito-next-dev
+    ports:
+      - "3643:3000"
+    env_file:
+      - .env.development
+    volumes:
+      - ./src:/app/src
+      - ./public:/app/public
+      - ./prisma:/app/prisma
+      - ./next.config.ts:/app/next.config.ts
+      - ./tsconfig.json:/app/tsconfig.json
+      - ./package.json:/app/package.json
+      - plm-fito-next-data:/data_storage
+    restart: unless-stopped
+
+volumes:
+  plm-fito-next-data:
diff --git a/docker-compose.prod.yml b/docker-compose.prod.yml
new file mode 100644
index 0000000..54356d0
--- /dev/null
+++ b/docker-compose.prod.yml
@@ -0,0 +1,25 @@
+# 운영 배포 (Traefik + momo.junggomoa.com)
+# 사용: docker compose -f docker-compose.prod.yml up -d --build
+services:
+  momo-erp:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    container_name: momo-erp
+    restart: always
+    env_file:
+      - .env.production
+    volumes:
+      - ./data_storage:/data_storage
+    labels:
+      - traefik.enable=true
+      - traefik.http.routers.momo-erp.rule=Host(`momo.junggomoa.com`)
+      - traefik.http.routers.momo-erp.entrypoints=websecure,web
+      - traefik.http.routers.momo-erp.tls=true
+      - traefik.http.routers.momo-erp.tls.certresolver=le
+      - traefik.http.services.momo-erp.loadbalancer.server.port=3000
+
+networks:
+  default:
+    external: true
+    name: toktork_server_default
diff --git a/eslint.config.mjs b/eslint.config.mjs
new file mode 100644
index 0000000..05e726d
--- /dev/null
+++ b/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+  ]),
+]);
+
+export default eslintConfig;
diff --git a/next.config.ts b/next.config.ts
new file mode 100644
index 0000000..c5058e1
--- /dev/null
+++ b/next.config.ts
@@ -0,0 +1,11 @@
+import type { NextConfig } from "next";
+import path from "path";
+
+const nextConfig: NextConfig = {
+  // Docker 배포용 — .next/standalone 번들 생성 (이미지 경량화)
+  output: "standalone",
+  // 프로젝트 루트 강제 고정 (상위 디렉토리 오탐 방지)
+  outputFileTracingRoot: path.join(__dirname),
+};
+
+export default nextConfig;
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..59e8341
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,8486 @@
+{
+  "name": "fito-nextjs",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "fito-nextjs",
+      "version": "0.1.0",
+      "dependencies": {
+        "@prisma/client": "^7.7.0",
+        "@tanstack/react-table": "^8.21.3",
+        "bcryptjs": "^3.0.3",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "date-fns": "^4.1.0",
+        "file-saver": "^2.0.5",
+        "jose": "^6.2.2",
+        "lucide-react": "^1.7.0",
+        "next": "16.2.2",
+        "next-auth": "^5.0.0-beta.30",
+        "pg": "^8.20.0",
+        "prisma": "^7.7.0",
+        "react": "19.2.4",
+        "react-dom": "19.2.4",
+        "recharts": "^3.8.1",
+        "sweetalert2": "^11.26.24",
+        "tailwind-merge": "^3.5.0",
+        "xlsx": "^0.18.5",
+        "zustand": "^5.0.12"
+      },
+      "devDependencies": {
+        "@tailwindcss/postcss": "^4",
+        "@types/bcryptjs": "^2.4.6",
+        "@types/file-saver": "^2.0.7",
+        "@types/node": "^20",
+        "@types/pg": "^8.20.0",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "eslint": "^9",
+        "eslint-config-next": "16.2.2",
+        "tailwindcss": "^4",
+        "typescript": "^5"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@auth/core": {
+      "version": "0.41.0",
+      "resolved": "https://registry.npmjs.org/@auth/core/-/core-0.41.0.tgz",
+      "integrity": "sha512-Wd7mHPQ/8zy6Qj7f4T46vg3aoor8fskJm6g2Zyj064oQ3+p0xNZXAV60ww0hY+MbTesfu29kK14Zk5d5JTazXQ==",
+      "license": "ISC",
+      "dependencies": {
+        "@panva/hkdf": "^1.2.1",
+        "jose": "^6.0.6",
+        "oauth4webapi": "^3.3.0",
+        "preact": "10.24.3",
+        "preact-render-to-string": "6.5.11"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "nodemailer": "^6.8.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@electric-sql/pglite": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@electric-sql/pglite/-/pglite-0.4.1.tgz",
+      "integrity": "sha512-mZ9NzzUSYPOCnxHH1oAHPRzoMFJHY472raDKwXl/+6oPbpdJ7g8LsCN4FSaIIfkiCKHhb3iF/Zqo3NYxaIhU7Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@electric-sql/pglite-socket": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/@electric-sql/pglite-socket/-/pglite-socket-0.1.1.tgz",
+      "integrity": "sha512-p2hoXw3Z3LQHwTeikdZNsFBOvXGqKY2hk51BBw+8NKND8eoH+8LFOtW9Z8CQKmTJ2qqGYu82ipqiyFZOTTXNfw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "pglite-server": "dist/scripts/server.js"
+      },
+      "peerDependencies": {
+        "@electric-sql/pglite": "0.4.1"
+      }
+    },
+    "node_modules/@electric-sql/pglite-tools": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@electric-sql/pglite-tools/-/pglite-tools-0.3.1.tgz",
+      "integrity": "sha512-C+T3oivmy9bpQvSxVqXA1UDY8cB9Eb9vZHL9zxWwEUfDixbXv4G3r2LjoTdR33LD8aomR3O9ZXEO3XEwr/cUCA==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "@electric-sql/pglite": "0.4.1"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@hono/node-server": {
+      "version": "1.19.11",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.11.tgz",
+      "integrity": "sha512-dr8/3zEaB+p0D2n/IUrlPF1HZm586qgJNXK1a9fhg/PzdtkK7Ksd5l312tJX2yBuALqDYBlG20QEbayqPyxn+g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.14.1"
+      },
+      "peerDependencies": {
+        "hono": "^4"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@kurkle/color": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/@kurkle/color/-/color-0.3.4.tgz",
+      "integrity": "sha512-M5UknZPHRu3DEDWoipU6sE8PdkZ6Z/S+v4dD+Ke8IaNlpdSQah50lz1KtcFBa2vsdOnwbbnxJwVM4wty6udA5w==",
+      "license": "MIT"
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-0.2.12.tgz",
+      "integrity": "sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.4.3",
+        "@emnapi/runtime": "^1.4.3",
+        "@tybys/wasm-util": "^0.10.0"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.2.tgz",
+      "integrity": "sha512-LqSGz5+xGk9EL/iBDr2yo/CgNQV6cFsNhRR2xhSXYh7B/hb4nePCxlmDvGEKG30NMHDFf0raqSyOZiQrO7BkHQ==",
+      "license": "MIT"
+    },
+    "node_modules/@next/eslint-plugin-next": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/eslint-plugin-next/-/eslint-plugin-next-16.2.2.tgz",
+      "integrity": "sha512-IOPbWzDQ+76AtjZioaCjpIY72xNSDMnarZ2GMQ4wjNLvnJEJHqxQwGFhgnIWLV9klb4g/+amg88Tk5OXVpyLTw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-glob": "3.3.1"
+      }
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.2.tgz",
+      "integrity": "sha512-B92G3ulrwmkDSEJEp9+XzGLex5wC1knrmCSIylyVeiAtCIfvEJYiN3v5kXPlYt5R4RFlsfO/v++aKV63Acrugg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.2.tgz",
+      "integrity": "sha512-7ZwSgNKJNQiwW0CKhNm9B1WS2L1Olc4B2XY0hPYCAL3epFnugMhuw5TMWzMilQ3QCZcCHoYm9NGWTHbr5REFxw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.2.tgz",
+      "integrity": "sha512-c3m8kBHMziMgo2fICOP/cd/5YlrxDU5YYjAJeQLyFsCqVF8xjOTH/QYG4a2u48CvvZZSj1eHQfBCbyh7kBr30Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.2.tgz",
+      "integrity": "sha512-VKLuscm0P/mIfzt+SDdn2+8TNNJ7f0qfEkA+az7OqQbjzKdBxAHs0UvuiVoCtbwX+dqMEL9U54b5wQ/aN3dHeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.2.tgz",
+      "integrity": "sha512-kU3OPHJq6sBUjOk7wc5zJ7/lipn8yGldMoAv4z67j6ov6Xo/JvzA7L7LCsyzzsXmgLEhk3Qkpwqaq/1+XpNR3g==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.2.tgz",
+      "integrity": "sha512-CKXRILyErMtUftp+coGcZ38ZwE/Aqq45VMCcRLr2I4OXKrgxIBDXHnBgeX/UMil0S09i2JXaDL3Q+TN8D/cKmg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.2.tgz",
+      "integrity": "sha512-sS/jSk5VUoShUqINJFvNjVT7JfR5ORYj/+/ZpOYbbIohv/lQfduWnGAycq2wlknbOql2xOR0DoV0s6Xfcy49+g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.2.tgz",
+      "integrity": "sha512-aHaKceJgdySReT7qeck5oShucxWRiiEuwCGK8HHALe6yZga8uyFpLkPgaRw3kkF04U7ROogL/suYCNt/+CuXGA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nolyfill/is-core-module": {
+      "version": "1.0.39",
+      "resolved": "https://registry.npmjs.org/@nolyfill/is-core-module/-/is-core-module-1.0.39.tgz",
+      "integrity": "sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.4.0"
+      }
+    },
+    "node_modules/@panva/hkdf": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@panva/hkdf/-/hkdf-1.2.1.tgz",
+      "integrity": "sha512-6oclG6Y3PiDFcoyk8srjLfVKyMfVCKJ27JwNPViuXziFpmdz+MZnZN/aKY0JGXgYuO/VghU0jcOAZgWXZ1Dmrw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/@prisma/client": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/client/-/client-7.7.0.tgz",
+      "integrity": "sha512-5Ar4OsZpJ54s21sy5oDNNW9gQtd4NuxCaiM7+JDTOU07D6VvlpLjYzAVCMB1+JzokN+08dAVomlx+b7bhJd3ww==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/client-runtime-utils": "7.7.0"
+      },
+      "engines": {
+        "node": "^20.19 || ^22.12 || >=24.0"
+      },
+      "peerDependencies": {
+        "prisma": "*",
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "prisma": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@prisma/client-runtime-utils": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/client-runtime-utils/-/client-runtime-utils-7.7.0.tgz",
+      "integrity": "sha512-BLyd0UpFYOtyJFTHm7jS9vesHW7P83abibodQMiIofqjBKzDHQ1VAsQkdfvXyYDkPlONPfOTz7/rv3x/+CQqvQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/config": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/config/-/config-7.7.0.tgz",
+      "integrity": "sha512-hmPI3tKLO2aP0Y5vugbjcnA9qqlfJndiT6ds4tw28U5hNHLWg+mHJEWAhjsSPgxjtmxhJ/EDIeIlyh+3Us0OPg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "c12": "3.1.0",
+        "deepmerge-ts": "7.1.5",
+        "effect": "3.20.0",
+        "empathic": "2.0.0"
+      }
+    },
+    "node_modules/@prisma/debug": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-7.7.0.tgz",
+      "integrity": "sha512-12J62XdqCmpiwJHhHdQxZeY3ckVCWIFmcJP8hg5dPTceeiQ0wiojXGFYTluKqFQfu46fRLgb/rLALZMAx3+dTA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/dev": {
+      "version": "0.24.3",
+      "resolved": "https://registry.npmjs.org/@prisma/dev/-/dev-0.24.3.tgz",
+      "integrity": "sha512-ffHlQuKXZiaDt9Go0OnCTdJZrHxK0k7omJKNV86/VjpsXu5EIHZLK0T7JSWgvNlJwh56kW9JFu9v0qJciFzepg==",
+      "license": "ISC",
+      "dependencies": {
+        "@electric-sql/pglite": "0.4.1",
+        "@electric-sql/pglite-socket": "0.1.1",
+        "@electric-sql/pglite-tools": "0.3.1",
+        "@hono/node-server": "1.19.11",
+        "@prisma/get-platform": "7.2.0",
+        "@prisma/query-plan-executor": "7.2.0",
+        "@prisma/streams-local": "0.1.2",
+        "foreground-child": "3.3.1",
+        "get-port-please": "3.2.0",
+        "hono": "^4.12.8",
+        "http-status-codes": "2.3.0",
+        "pathe": "2.0.3",
+        "proper-lockfile": "4.1.2",
+        "remeda": "2.33.4",
+        "std-env": "3.10.0",
+        "valibot": "1.2.0",
+        "zeptomatch": "2.1.0"
+      }
+    },
+    "node_modules/@prisma/engines": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/engines/-/engines-7.7.0.tgz",
+      "integrity": "sha512-7fmcbT7HHXBq/b+3h/dO1JI3fd8l8q7erf7xP7pRprh58hmSSnG8mg9K3yjW3h9WaHWUwngVFpSxxxivaitQ2w==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "7.7.0",
+        "@prisma/engines-version": "7.6.0-1.75cbdc1eb7150937890ad5465d861175c6624711",
+        "@prisma/fetch-engine": "7.7.0",
+        "@prisma/get-platform": "7.7.0"
+      }
+    },
+    "node_modules/@prisma/engines-version": {
+      "version": "7.6.0-1.75cbdc1eb7150937890ad5465d861175c6624711",
+      "resolved": "https://registry.npmjs.org/@prisma/engines-version/-/engines-version-7.6.0-1.75cbdc1eb7150937890ad5465d861175c6624711.tgz",
+      "integrity": "sha512-r51DLcJ8bDRSrBEJF3J4cinoWyGA7rfP2mG6lD90VqIbGNOkbfcLcXalSVjq5Y6brQS3vcjrq4GbyUb1Cb7vkw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/engines/node_modules/@prisma/get-platform": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-7.7.0.tgz",
+      "integrity": "sha512-MEUNzvKxvYnJ7kgvd6oNRnMmmiGNS9TYLB2weMeIXplnHdL/UWEGnvavYGnN7KLJ2n0iI4dDAyzSkHI3c7AscQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "7.7.0"
+      }
+    },
+    "node_modules/@prisma/fetch-engine": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/fetch-engine/-/fetch-engine-7.7.0.tgz",
+      "integrity": "sha512-TfyzveBQoK4xALzsTpVhB/0KG1N8zOK0ap+RnBMkzGUu3f98fnQ4QtXa2wlKPhsO2X8a3N5ugFQgcKNoHGmDfw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "7.7.0",
+        "@prisma/engines-version": "7.6.0-1.75cbdc1eb7150937890ad5465d861175c6624711",
+        "@prisma/get-platform": "7.7.0"
+      }
+    },
+    "node_modules/@prisma/fetch-engine/node_modules/@prisma/get-platform": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-7.7.0.tgz",
+      "integrity": "sha512-MEUNzvKxvYnJ7kgvd6oNRnMmmiGNS9TYLB2weMeIXplnHdL/UWEGnvavYGnN7KLJ2n0iI4dDAyzSkHI3c7AscQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "7.7.0"
+      }
+    },
+    "node_modules/@prisma/get-platform": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@prisma/get-platform/-/get-platform-7.2.0.tgz",
+      "integrity": "sha512-k1V0l0Td1732EHpAfi2eySTezyllok9dXb6UQanajkJQzPUGi3vO2z7jdkz67SypFTdmbnyGYxvEvYZdZsMAVA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/debug": "7.2.0"
+      }
+    },
+    "node_modules/@prisma/get-platform/node_modules/@prisma/debug": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@prisma/debug/-/debug-7.2.0.tgz",
+      "integrity": "sha512-YSGTiSlBAVJPzX4ONZmMotL+ozJwQjRmZweQNIq/ER0tQJKJynNkRB3kyvt37eOfsbMCXk3gnLF6J9OJ4QWftw==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/query-plan-executor": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/@prisma/query-plan-executor/-/query-plan-executor-7.2.0.tgz",
+      "integrity": "sha512-EOZmNzcV8uJ0mae3DhTsiHgoNCuu1J9mULQpGCh62zN3PxPTd+qI9tJvk5jOst8WHKQNwJWR3b39t0XvfBB0WQ==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@prisma/streams-local": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/@prisma/streams-local/-/streams-local-0.1.2.tgz",
+      "integrity": "sha512-l49yTxKKF2odFxaAXTmwmkBKL3+bVQ1tFOooGifu4xkdb9NMNLxHj27XAhTylWZod8I+ISGM5erU1xcl/oBCtg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "ajv": "^8.12.0",
+        "better-result": "^2.7.0",
+        "env-paths": "^3.0.0",
+        "proper-lockfile": "^4.1.2"
+      },
+      "engines": {
+        "bun": ">=1.3.6",
+        "node": ">=22.0.0"
+      }
+    },
+    "node_modules/@prisma/streams-local/node_modules/ajv": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.18.0.tgz",
+      "integrity": "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@prisma/streams-local/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "license": "MIT"
+    },
+    "node_modules/@prisma/studio-core": {
+      "version": "0.27.3",
+      "resolved": "https://registry.npmjs.org/@prisma/studio-core/-/studio-core-0.27.3.tgz",
+      "integrity": "sha512-AADjNFPdsrglxHQVTmHFqv6DuKQZ5WY4p5/gVFY017twvNrSwpLJ9lqUbYYxEu2W7nbvVxTZA8deJ8LseNALsw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@radix-ui/react-toggle": "1.1.10",
+        "chart.js": "4.5.1"
+      },
+      "engines": {
+        "node": "^20.19 || ^22.12 || >=24.0",
+        "pnpm": "8"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.0.0 || ^19.0.0",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.3.tgz",
+      "integrity": "sha512-JTF99U/6XIjCBo0wqkU5sK10glYe27MRRsfwoiq5zzOEZLHU3A3KCMa5X/azekYRCJ0HlwI0crAXS/5dEHTzDg==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.2.tgz",
+      "integrity": "sha512-z4eqJvfiNnFMHIIvXP3CY57y2WJs5g2v3X0zm9mEJkrkNv4rDxu+sg9Jh8EkXyeqBkB7SOcboo9dMVqhyrACIg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.3.tgz",
+      "integrity": "sha512-m9gTwRkhy2lvCPe6QJp4d3G1TYEUHn/FzJUtq9MjH46an1wJU+GdoGC5VLof8RX8Ft/DlpshApkhswDLZzHIcQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.2.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.2.3.tgz",
+      "integrity": "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.10.tgz",
+      "integrity": "sha512-lS1odchhFTeZv3xwHH31YPObmJn8gOg7Lq12inrr0+BH/l3Tsq32VfjqH1oh80ARM3mlkfMic15n0kg4sD1poQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.3",
+        "@radix-ui/react-primitive": "2.1.3",
+        "@radix-ui/react-use-controllable-state": "1.2.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.2.tgz",
+      "integrity": "sha512-BjasUjixPFdS+NKkypcyyN5Pmg83Olst0+c6vGov0diwTEo6mgdqVR6hxcEgFuh4QrAs7Rc+9KuGJ9TVCj0Zzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-effect-event": "0.0.2",
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.2.tgz",
+      "integrity": "sha512-Qp8WbZOBe+blgpuUT+lw2xheLP8q0oatc9UpmiemEICxGvFLYmHm9QowVZGHtJlGbS6A6yJ3iViad/2cVjnOiA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.1"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.1.tgz",
+      "integrity": "sha512-RbJRS4UWQFkzHTTwVymMTUv8EqYhOp8dOOviLj2ugtTiXRaRQS7GLGxZTLL1jWhMeoSCf5zmcZkqTl9IiYfXcQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@reduxjs/toolkit": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/@reduxjs/toolkit/-/toolkit-2.11.2.tgz",
+      "integrity": "sha512-Kd6kAHTA6/nUpp8mySPqj3en3dm0tdMIgbttnQ1xFMVpufoj+ADi8pXLBsd4xzTRHQa7t/Jv8W5UnCuW4kuWMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "@standard-schema/utils": "^0.3.0",
+        "immer": "^11.0.0",
+        "redux": "^5.0.1",
+        "redux-thunk": "^3.1.0",
+        "reselect": "^5.1.0"
+      },
+      "peerDependencies": {
+        "react": "^16.9.0 || ^17.0.0 || ^18 || ^19",
+        "react-redux": "^7.2.1 || ^8.1.3 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@reduxjs/toolkit/node_modules/immer": {
+      "version": "11.1.4",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-11.1.4.tgz",
+      "integrity": "sha512-XREFCPo6ksxVzP4E0ekD5aMdf8WMwmdNaz6vuvxgI40UaEiu6q3p8X52aU6GdyvLY3XXX/8R7JOTXStz/nBbRw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/@rtsao/scc": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@rtsao/scc/-/scc-1.1.0.tgz",
+      "integrity": "sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/spec": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/spec/-/spec-1.1.0.tgz",
+      "integrity": "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==",
+      "license": "MIT"
+    },
+    "node_modules/@standard-schema/utils": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@standard-schema/utils/-/utils-0.3.0.tgz",
+      "integrity": "sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==",
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-x64": "4.2.2",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
+      "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
+      "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
+      "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
+      "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
+      "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
+      "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
+      "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
+      "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
+      "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
+      "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.1",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
+      "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz",
+      "integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/postcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.2.2.tgz",
+      "integrity": "sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "@tailwindcss/node": "4.2.2",
+        "@tailwindcss/oxide": "4.2.2",
+        "postcss": "^8.5.6",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@tanstack/react-table": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-table/-/react-table-8.21.3.tgz",
+      "integrity": "sha512-5nNMTSETP4ykGegmVkhjcS8tTLW6Vl4axfEGQN3v0zdHYbK4UfoqfPChclTrJ4EoK9QynqAu9oUf8VEmrpZ5Ww==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/table-core": "8.21.3"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/@tanstack/table-core": {
+      "version": "8.21.3",
+      "resolved": "https://registry.npmjs.org/@tanstack/table-core/-/table-core-8.21.3.tgz",
+      "integrity": "sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/bcryptjs": {
+      "version": "2.4.6",
+      "resolved": "https://registry.npmjs.org/@types/bcryptjs/-/bcryptjs-2.4.6.tgz",
+      "integrity": "sha512-9xlo6R2qDs5uixm0bcIqCeMCE6HiQsIyel9KQySStiyqNl2tnj2mP3DX1Nf56MD6KMenNNlBBsy3LJ7gUEQPXQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-array": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.2.tgz",
+      "integrity": "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-color": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz",
+      "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-ease": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz",
+      "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-interpolate": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz",
+      "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-color": "*"
+      }
+    },
+    "node_modules/@types/d3-path": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.1.tgz",
+      "integrity": "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-scale": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.9.tgz",
+      "integrity": "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-time": "*"
+      }
+    },
+    "node_modules/@types/d3-shape": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.8.tgz",
+      "integrity": "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/d3-path": "*"
+      }
+    },
+    "node_modules/@types/d3-time": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.4.tgz",
+      "integrity": "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==",
+      "license": "MIT"
+    },
+    "node_modules/@types/d3-timer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz",
+      "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==",
+      "license": "MIT"
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/file-saver": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/file-saver/-/file-saver-2.0.7.tgz",
+      "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.39",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
+      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/pg": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.20.0.tgz",
+      "integrity": "sha512-bEPFOaMAHTEP1EzpvHTbmwR8UsFyHSKsRisLIHVMXnpNefSbGA1bD6CVy+qKjGSqmZqNqBDV2azOBo8TgkcVow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "pg-protocol": "*",
+        "pg-types": "^2.2.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.58.1.tgz",
+      "integrity": "sha512-eSkwoemjo76bdXl2MYqtxg51HNwUSkWfODUOQ3PaTLZGh9uIWWFZIjyjaJnex7wXDu+TRx+ATsnSxdN9YWfRTQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.12.2",
+        "@typescript-eslint/scope-manager": "8.58.1",
+        "@typescript-eslint/type-utils": "8.58.1",
+        "@typescript-eslint/utils": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1",
+        "ignore": "^7.0.5",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.58.1",
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/ignore": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.5.tgz",
+      "integrity": "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.58.1.tgz",
+      "integrity": "sha512-gGkiNMPqerb2cJSVcruigx9eHBlLG14fSdPdqMoOcBfh+vvn4iCq2C8MzUB89PrxOXk0y3GZ1yIWb9aOzL93bw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.58.1",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/project-service": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.58.1.tgz",
+      "integrity": "sha512-gfQ8fk6cxhtptek+/8ZIqw8YrRW5048Gug8Ts5IYcMLCw18iUgrZAEY/D7s4hkI0FxEfGakKuPK/XUMPzPxi5g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/tsconfig-utils": "^8.58.1",
+        "@typescript-eslint/types": "^8.58.1",
+        "debug": "^4.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.58.1.tgz",
+      "integrity": "sha512-TPYUEqJK6avLcEjumWsIuTpuYODTTDAtoMdt8ZZa93uWMTX13Nb8L5leSje1NluammvU+oI3QRr5lLXPgihX3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/tsconfig-utils": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.58.1.tgz",
+      "integrity": "sha512-JAr2hOIct2Q+qk3G+8YFfqkqi7sC86uNryT+2i5HzMa2MPjw4qNFvtjnw1IiA1rP7QhNKVe21mSSLaSjwA1Olw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.58.1.tgz",
+      "integrity": "sha512-HUFxvTJVroT+0rXVJC7eD5zol6ID+Sn5npVPWoFuHGg9Ncq5Q4EYstqR+UOqaNRFXi5TYkpXXkLhoCHe3G0+7w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1",
+        "@typescript-eslint/utils": "8.58.1",
+        "debug": "^4.4.3",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.58.1.tgz",
+      "integrity": "sha512-io/dV5Aw5ezwzfPBBWLoT+5QfVtP8O7q4Kftjn5azJ88bYyp/ZMCsyW1lpKK46EXJcaYMZ1JtYj+s/7TdzmQMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.58.1.tgz",
+      "integrity": "sha512-w4w7WR7GHOjqqPnvAYbazq+Y5oS68b9CzasGtnd6jIeOIeKUzYzupGTB2T4LTPSv4d+WPeccbxuneTFHYgAAWg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/project-service": "8.58.1",
+        "@typescript-eslint/tsconfig-utils": "8.58.1",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/visitor-keys": "8.58.1",
+        "debug": "^4.4.3",
+        "minimatch": "^10.2.2",
+        "semver": "^7.7.3",
+        "tinyglobby": "^0.2.15",
+        "ts-api-utils": "^2.5.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.5.tgz",
+      "integrity": "sha512-VZznLgtwhn+Mact9tfiwx64fA9erHH/MCXEUfB/0bX/6Fz6ny5EGTXYltMocqg4xFAQZtnO3DHWWXi8RiuN7cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.58.1.tgz",
+      "integrity": "sha512-Ln8R0tmWC7pTtLOzgJzYTXSCjJ9rDNHAqTaVONF4FEi2qwce8mD9iSOxOpLFFvWp/wBFlew0mjM1L1ihYWfBdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.9.1",
+        "@typescript-eslint/scope-manager": "8.58.1",
+        "@typescript-eslint/types": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.58.1.tgz",
+      "integrity": "sha512-y+vH7QE8ycjoa0bWciFg7OpFcipUuem1ujhrdLtq1gByKwfbC7bPeKsiny9e0urg93DqwGcHey+bGRKCnF1nZQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.58.1",
+        "eslint-visitor-keys": "^5.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-5.0.1.tgz",
+      "integrity": "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^20.19.0 || ^22.13.0 || >=24"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-android-arm-eabi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm-eabi/-/resolver-binding-android-arm-eabi-1.11.1.tgz",
+      "integrity": "sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-android-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-android-arm64/-/resolver-binding-android-arm64-1.11.1.tgz",
+      "integrity": "sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-arm64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-arm64/-/resolver-binding-darwin-arm64-1.11.1.tgz",
+      "integrity": "sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-darwin-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-darwin-x64/-/resolver-binding-darwin-x64-1.11.1.tgz",
+      "integrity": "sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-freebsd-x64": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-freebsd-x64/-/resolver-binding-freebsd-x64-1.11.1.tgz",
+      "integrity": "sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-gnueabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-gnueabihf/-/resolver-binding-linux-arm-gnueabihf-1.11.1.tgz",
+      "integrity": "sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm-musleabihf": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm-musleabihf/-/resolver-binding-linux-arm-musleabihf-1.11.1.tgz",
+      "integrity": "sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-gnu/-/resolver-binding-linux-arm64-gnu-1.11.1.tgz",
+      "integrity": "sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-arm64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-arm64-musl/-/resolver-binding-linux-arm64-musl-1.11.1.tgz",
+      "integrity": "sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-ppc64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-ppc64-gnu/-/resolver-binding-linux-ppc64-gnu-1.11.1.tgz",
+      "integrity": "sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-gnu/-/resolver-binding-linux-riscv64-gnu-1.11.1.tgz",
+      "integrity": "sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-riscv64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-riscv64-musl/-/resolver-binding-linux-riscv64-musl-1.11.1.tgz",
+      "integrity": "sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-s390x-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-s390x-gnu/-/resolver-binding-linux-s390x-gnu-1.11.1.tgz",
+      "integrity": "sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-gnu": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-gnu/-/resolver-binding-linux-x64-gnu-1.11.1.tgz",
+      "integrity": "sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-linux-x64-musl": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-linux-x64-musl/-/resolver-binding-linux-x64-musl-1.11.1.tgz",
+      "integrity": "sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-wasm32-wasi": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-wasm32-wasi/-/resolver-binding-wasm32-wasi-1.11.1.tgz",
+      "integrity": "sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@unrs/resolver-binding-win32-arm64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-arm64-msvc/-/resolver-binding-win32-arm64-msvc-1.11.1.tgz",
+      "integrity": "sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-ia32-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-ia32-msvc/-/resolver-binding-win32-ia32-msvc-1.11.1.tgz",
+      "integrity": "sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@unrs/resolver-binding-win32-x64-msvc": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.1.tgz",
+      "integrity": "sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/adler-32": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.3.1.tgz",
+      "integrity": "sha512-ynZ4w/nUUv5rrsR8UUGoe1VC9hZj6V5hU9Qw1HlMDJGEJw5S7TfTErWTjMys6M7vr0YWcPqs3qAr4ss0nDfP+A==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-query": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.2.tgz",
+      "integrity": "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.9",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.9.tgz",
+      "integrity": "sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.0",
+        "es-object-atoms": "^1.1.1",
+        "get-intrinsic": "^1.3.0",
+        "is-string": "^1.1.1",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlast": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlast/-/array.prototype.findlast-1.2.5.tgz",
+      "integrity": "sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.findlastindex": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/array.prototype.findlastindex/-/array.prototype.findlastindex-1.2.6.tgz",
+      "integrity": "sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-shim-unscopables": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.3.3.tgz",
+      "integrity": "sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.3.tgz",
+      "integrity": "sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.4.tgz",
+      "integrity": "sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3",
+        "es-errors": "^1.3.0",
+        "es-shim-unscopables": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.4.tgz",
+      "integrity": "sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.8.tgz",
+      "integrity": "sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-function": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-function/-/async-function-1.0.0.tgz",
+      "integrity": "sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/aws-ssl-profiles": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
+      "integrity": "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/axe-core": {
+      "version": "4.11.2",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.11.2.tgz",
+      "integrity": "sha512-byD6KPdvo72y/wj2T/4zGEvvlis+PsZsn/yPS3pEO+sFpcrqRpX/TJCxvVaEsNeMrfQbCr7w163YqoD9IYwHXw==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axobject-query": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-4.1.0.tgz",
+      "integrity": "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.16",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.16.tgz",
+      "integrity": "sha512-Lyf3aK28zpsD1yQMiiHD4RvVb6UdMoo8xzG2XzFIfR9luPzOpcBlAsT/qfB1XWS1bxWT+UtE4WmQgsp297FYOA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-3.0.3.tgz",
+      "integrity": "sha512-GlF5wPWnSa/X5LKM1o0wz0suXIINz1iHRLvTS+sLyi7XPbe5ycmYI3DlZqVGZZtDgl4DmasFg7gOB3JYbphV5g==",
+      "license": "BSD-3-Clause",
+      "bin": {
+        "bcrypt": "bin/bcrypt"
+      }
+    },
+    "node_modules/better-result": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/better-result/-/better-result-2.8.1.tgz",
+      "integrity": "sha512-C4FQ1gCLz1YCxmM8HhNPb4D7WQmdrdllkhNReeLwvIVtJKQFKKfwJwmM3yZEBG4P34cLtrgB+FEPr1u553hF7Q==",
+      "license": "MIT"
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.13.tgz",
+      "integrity": "sha512-9ZLprWS6EENmhEOpjCYW2c8VkmOvckIJZfkr7rBW6dObmfgJ/L1GpSYW5Hpo9lDz4D1+n0Ckz8rU7FwHDQiG/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/c12": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/c12/-/c12-3.1.0.tgz",
+      "integrity": "sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw==",
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.3",
+        "confbox": "^0.2.2",
+        "defu": "^6.1.4",
+        "dotenv": "^16.6.1",
+        "exsolve": "^1.0.7",
+        "giget": "^2.0.0",
+        "jiti": "^2.4.2",
+        "ohash": "^2.0.11",
+        "pathe": "^2.0.3",
+        "perfect-debounce": "^1.0.0",
+        "pkg-types": "^2.2.0",
+        "rc9": "^2.1.2"
+      },
+      "peerDependencies": {
+        "magicast": "^0.3.5"
+      },
+      "peerDependenciesMeta": {
+        "magicast": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
+      "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001787",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+      "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/cfb": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.2.2.tgz",
+      "integrity": "sha512-KfdUZsSOw19/ObEWasvBP/Ac4reZvAGauZhs6S/gqNhXhI7cKwvlH7ulj+dOEYnca4bm4SGo8C1bTAQvnTjgQA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "crc-32": "~1.2.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/chart.js": {
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.5.1.tgz",
+      "integrity": "sha512-GIjfiT9dbmHRiYi6Nl2yFCq7kkwdkp1W/lp2J99rX0yo9tgJGn3lKQATztIjb5tVtevcBtIdICNWqlq5+E8/Pw==",
+      "license": "MIT",
+      "dependencies": {
+        "@kurkle/color": "^0.3.0"
+      },
+      "engines": {
+        "pnpm": ">=8"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/citty": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz",
+      "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/codepage": {
+      "version": "1.15.0",
+      "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.15.0.tgz",
+      "integrity": "sha512-3g6NUTPd/YtuuGrhMnOMRjFc+LJw/bnMp3+0r/Wcz3IXUuCosKRJvMphm5+Q+bvTVGcJJuRvVLuYba+WojaFaA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "license": "MIT"
+    },
+    "node_modules/consola": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.2.tgz",
+      "integrity": "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "license": "Apache-2.0",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/d3-array": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/d3-array/-/d3-array-3.2.4.tgz",
+      "integrity": "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==",
+      "license": "ISC",
+      "dependencies": {
+        "internmap": "1 - 2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-color": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-color/-/d3-color-3.1.0.tgz",
+      "integrity": "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-ease": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-ease/-/d3-ease-3.0.1.tgz",
+      "integrity": "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-format": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/d3-format/-/d3-format-3.1.2.tgz",
+      "integrity": "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-interpolate": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-interpolate/-/d3-interpolate-3.0.1.tgz",
+      "integrity": "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-color": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-path": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-path/-/d3-path-3.1.0.tgz",
+      "integrity": "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-scale": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/d3-scale/-/d3-scale-4.0.2.tgz",
+      "integrity": "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2.10.0 - 3",
+        "d3-format": "1 - 3",
+        "d3-interpolate": "1.2.0 - 3",
+        "d3-time": "2.1.1 - 3",
+        "d3-time-format": "2 - 4"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-shape": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/d3-shape/-/d3-shape-3.2.0.tgz",
+      "integrity": "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-path": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time/-/d3-time-3.1.0.tgz",
+      "integrity": "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-array": "2 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-time-format": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/d3-time-format/-/d3-time-format-4.1.0.tgz",
+      "integrity": "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==",
+      "license": "ISC",
+      "dependencies": {
+        "d3-time": "1 - 3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/d3-timer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/d3-timer/-/d3-timer-3.0.1.tgz",
+      "integrity": "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true,
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.2.tgz",
+      "integrity": "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.2.tgz",
+      "integrity": "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/inspect-js"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.1.tgz",
+      "integrity": "sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-4.1.0.tgz",
+      "integrity": "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decimal.js-light": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/decimal.js-light/-/decimal.js-light-2.5.1.tgz",
+      "integrity": "sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==",
+      "license": "MIT"
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deepmerge-ts": {
+      "version": "7.1.5",
+      "resolved": "https://registry.npmjs.org/deepmerge-ts/-/deepmerge-ts-7.1.5.tgz",
+      "integrity": "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.7.tgz",
+      "integrity": "sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==",
+      "license": "MIT"
+    },
+    "node_modules/denque": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
+      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/destr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.5.tgz",
+      "integrity": "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==",
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/dotenv": {
+      "version": "16.6.1",
+      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
+      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://dotenvx.com"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/effect": {
+      "version": "3.20.0",
+      "resolved": "https://registry.npmjs.org/effect/-/effect-3.20.0.tgz",
+      "integrity": "sha512-qMLfDJscrNG8p/aw+IkT9W7fgj50Z4wG5bLBy0Txsxz8iUHjDIkOgO3SV0WZfnQbNG2VJYb0b+rDLMrhM4+Krw==",
+      "license": "MIT",
+      "dependencies": {
+        "@standard-schema/spec": "^1.0.0",
+        "fast-check": "^3.23.1"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.332",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.332.tgz",
+      "integrity": "sha512-7OOtytmh/rINMLwaFTbcMVvYXO3AUm029X0LcyfYk0B557RlPkdpTpnH9+htMlfu5dKwOmT0+Zs2Aw+lnn6TeQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/empathic": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
+      "integrity": "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+      "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-3.0.0.tgz",
+      "integrity": "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.24.2",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.24.2.tgz",
+      "integrity": "sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.2",
+        "arraybuffer.prototype.slice": "^1.0.4",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "data-view-buffer": "^1.0.2",
+        "data-view-byte-length": "^1.0.2",
+        "data-view-byte-offset": "^1.0.1",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "es-set-tostringtag": "^2.1.0",
+        "es-to-primitive": "^1.3.0",
+        "function.prototype.name": "^1.1.8",
+        "get-intrinsic": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "get-symbol-description": "^1.1.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.1.0",
+        "is-array-buffer": "^3.0.5",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.2",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.2.1",
+        "is-set": "^2.0.3",
+        "is-shared-array-buffer": "^1.0.4",
+        "is-string": "^1.1.1",
+        "is-typed-array": "^1.1.15",
+        "is-weakref": "^1.1.1",
+        "math-intrinsics": "^1.1.0",
+        "object-inspect": "^1.13.4",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.7",
+        "own-keys": "^1.0.1",
+        "regexp.prototype.flags": "^1.5.4",
+        "safe-array-concat": "^1.1.3",
+        "safe-push-apply": "^1.0.0",
+        "safe-regex-test": "^1.1.0",
+        "set-proto": "^1.0.0",
+        "stop-iteration-iterator": "^1.1.0",
+        "string.prototype.trim": "^1.2.10",
+        "string.prototype.trimend": "^1.0.9",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.3",
+        "typed-array-byte-length": "^1.0.3",
+        "typed-array-byte-offset": "^1.0.4",
+        "typed-array-length": "^1.0.7",
+        "unbox-primitive": "^1.1.0",
+        "which-typed-array": "^1.1.19"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-iterator-helpers": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.3.1.tgz",
+      "integrity": "sha512-zWwRvqWiuBPr0muUG/78cW3aHROFCNIQ3zpmYDpwdbnt2m+xlNyRWpHBpa2lJjSBit7BQ+RXA1iwbSmu5yJ/EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.24.1",
+        "es-errors": "^1.3.0",
+        "es-set-tostringtag": "^2.1.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.3.0",
+        "globalthis": "^1.0.4",
+        "gopd": "^1.2.0",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "iterator.prototype": "^1.1.5",
+        "math-intrinsics": "^1.1.0",
+        "safe-array-concat": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.1.0.tgz",
+      "integrity": "sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz",
+      "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-symbol": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-toolkit": {
+      "version": "1.45.1",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.45.1.tgz",
+      "integrity": "sha512-/jhoOj/Fx+A+IIyDNOvO3TItGmlMKhtX8ISAHKE90c4b/k1tqaqEZ+uUqfpU8DMnW5cgNJv606zS55jGvza0Xw==",
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
+      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.5",
+        "@eslint/js": "9.39.4",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-config-next/-/eslint-config-next-16.2.2.tgz",
+      "integrity": "sha512-6VlvEhwoug2JpVgjZDhyXrJXUEuPY++TddzIpTaIRvlvlXXFgvQUtm3+Zr84IjFm0lXtJt73w19JA08tOaZVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@next/eslint-plugin-next": "16.2.2",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-import-resolver-typescript": "^3.5.2",
+        "eslint-plugin-import": "^2.32.0",
+        "eslint-plugin-jsx-a11y": "^6.10.0",
+        "eslint-plugin-react": "^7.37.0",
+        "eslint-plugin-react-hooks": "^7.0.0",
+        "globals": "16.4.0",
+        "typescript-eslint": "^8.46.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=9.0.0",
+        "typescript": ">=3.3.1"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-config-next/node_modules/globals": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.10",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.10.tgz",
+      "integrity": "sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7",
+        "is-core-module": "^2.16.1",
+        "resolve": "^2.0.0-next.6"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-import-resolver-typescript": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-typescript/-/eslint-import-resolver-typescript-3.10.1.tgz",
+      "integrity": "sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "@nolyfill/is-core-module": "1.0.39",
+        "debug": "^4.4.0",
+        "get-tsconfig": "^4.10.0",
+        "is-bun-module": "^2.0.0",
+        "stable-hash": "^0.0.5",
+        "tinyglobby": "^0.2.13",
+        "unrs-resolver": "^1.6.2"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint-import-resolver-typescript"
+      },
+      "peerDependencies": {
+        "eslint": "*",
+        "eslint-plugin-import": "*",
+        "eslint-plugin-import-x": "*"
+      },
+      "peerDependenciesMeta": {
+        "eslint-plugin-import": {
+          "optional": true
+        },
+        "eslint-plugin-import-x": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.12.1.tgz",
+      "integrity": "sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.2.7"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependenciesMeta": {
+        "eslint": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.32.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.32.0.tgz",
+      "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rtsao/scc": "^1.1.0",
+        "array-includes": "^3.1.9",
+        "array.prototype.findlastindex": "^1.2.6",
+        "array.prototype.flat": "^1.3.3",
+        "array.prototype.flatmap": "^1.3.3",
+        "debug": "^3.2.7",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.9",
+        "eslint-module-utils": "^2.12.1",
+        "hasown": "^2.0.2",
+        "is-core-module": "^2.16.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "object.groupby": "^1.0.3",
+        "object.values": "^1.2.1",
+        "semver": "^6.3.1",
+        "string.prototype.trimend": "^1.0.9",
+        "tsconfig-paths": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.10.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.10.2.tgz",
+      "integrity": "sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "aria-query": "^5.3.2",
+        "array-includes": "^3.1.8",
+        "array.prototype.flatmap": "^1.3.2",
+        "ast-types-flow": "^0.0.8",
+        "axe-core": "^4.10.0",
+        "axobject-query": "^4.1.0",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^3.3.5",
+        "language-tags": "^1.0.9",
+        "minimatch": "^3.1.2",
+        "object.fromentries": "^2.0.8",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.includes": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.37.5",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.37.5.tgz",
+      "integrity": "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.8",
+        "array.prototype.findlast": "^1.2.5",
+        "array.prototype.flatmap": "^1.3.3",
+        "array.prototype.tosorted": "^1.1.4",
+        "doctrine": "^2.1.0",
+        "es-iterator-helpers": "^1.2.1",
+        "estraverse": "^5.3.0",
+        "hasown": "^2.0.2",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.9",
+        "object.fromentries": "^2.0.8",
+        "object.values": "^1.2.1",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.5",
+        "semver": "^6.3.1",
+        "string.prototype.matchall": "^4.0.12",
+        "string.prototype.repeat": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
+      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eventemitter3": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz",
+      "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==",
+      "license": "MIT"
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "license": "MIT"
+    },
+    "node_modules/fast-check": {
+      "version": "3.23.2",
+      "resolved": "https://registry.npmjs.org/fast-check/-/fast-check-3.23.2.tgz",
+      "integrity": "sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "pure-rand": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
+      "integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.0.tgz",
+      "integrity": "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/file-saver": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.5.tgz",
+      "integrity": "sha512-P9bmyZ3h/PRG+Nzga+rbdI4OEpNDzAVyy74uVO9ATgzLK6VtAsYybF/+TOCvrc0MO793d6+42lLyZTw7/ArVzA==",
+      "license": "MIT"
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz",
+      "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "hasown": "^2.0.2",
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/generate-function": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
+      "integrity": "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ==",
+      "license": "MIT",
+      "dependencies": {
+        "is-property": "^1.0.2"
+      }
+    },
+    "node_modules/generator-function": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/generator-function/-/generator-function-2.0.1.tgz",
+      "integrity": "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-port-please": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/get-port-please/-/get-port-please-3.2.0.tgz",
+      "integrity": "sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A==",
+      "license": "MIT"
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.1.0.tgz",
+      "integrity": "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-tsconfig": {
+      "version": "4.13.7",
+      "resolved": "https://registry.npmjs.org/get-tsconfig/-/get-tsconfig-4.13.7.tgz",
+      "integrity": "sha512-7tN6rFgBlMgpBML5j8typ92BKFi2sFQvIdpAqLA2beia5avZDrMs0FLZiM5etShWq5irVyGcGMEA1jcDaK7A/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "resolve-pkg-maps": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/privatenumber/get-tsconfig?sponsor=1"
+      }
+    },
+    "node_modules/giget": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-2.0.0.tgz",
+      "integrity": "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA==",
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "defu": "^6.1.4",
+        "node-fetch-native": "^1.6.6",
+        "nypm": "^0.6.0",
+        "pathe": "^2.0.3"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.4.tgz",
+      "integrity": "sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.2.1",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/grammex": {
+      "version": "3.1.12",
+      "resolved": "https://registry.npmjs.org/grammex/-/grammex-3.1.12.tgz",
+      "integrity": "sha512-6ufJOsSA7LcQehIJNCO7HIBykfM7DXQual0Ny780/DEcJIpBlHRvcqEBWGPYd7hrXL2GJ3oJI1MIhaXjWmLQOQ==",
+      "license": "MIT"
+    },
+    "node_modules/graphmatch": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/graphmatch/-/graphmatch-1.1.1.tgz",
+      "integrity": "sha512-5ykVn/EXM1hF0XCaWh05VbYvEiOL2lY1kBxZtaYsyvjp7cmWOU1XsAdfQBwClraEofXDT197lFbXOEVMHpvQOg==",
+      "license": "MIT"
+    },
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.2.0.tgz",
+      "integrity": "sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "node_modules/hono": {
+      "version": "4.12.12",
+      "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.12.tgz",
+      "integrity": "sha512-p1JfQMKaceuCbpJKAPKVqyqviZdS0eUxH9v82oWo1kb9xjQ5wA6iP3FNVAPDFlz5/p7d45lO+BpSk1tuSZMF4Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=16.9.0"
+      }
+    },
+    "node_modules/http-status-codes": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/http-status-codes/-/http-status-codes-2.3.0.tgz",
+      "integrity": "sha512-RJ8XvFvpPM/Dmc5SV+dC4y5PCeOhT3x1Hq0NU3rjGeg5a/CqlhZ7uudknPwZFz4aeAXDcbAyaeP7GAo9lvngtA==",
+      "license": "MIT"
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz",
+      "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/immer": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/immer/-/immer-10.2.0.tgz",
+      "integrity": "sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/immer"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/internmap": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/internmap/-/internmap-2.0.3.tgz",
+      "integrity": "sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.1.1.tgz",
+      "integrity": "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-function": "^1.0.0",
+        "call-bound": "^1.0.3",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bun-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-bun-module/-/is-bun-module-2.0.0.tgz",
+      "integrity": "sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.7.1"
+      }
+    },
+    "node_modules/is-bun-module/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.2.tgz",
+      "integrity": "sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.1.1.tgz",
+      "integrity": "sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.1.2.tgz",
+      "integrity": "sha512-upqt1SkGkODW9tsGNG5mtXTXtECizwtS2kA161M+gJPc1xdb/Ax629af6YrTwcOeQHbewrPNlE5Dx7kzvXTizA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.4",
+        "generator-function": "^2.0.0",
+        "get-proto": "^1.0.1",
+        "has-tostringtag": "^1.0.2",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.15.tgz",
+      "integrity": "sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.1.1.tgz",
+      "integrity": "sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
+    },
+    "node_modules/iterator.prototype": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/iterator.prototype/-/iterator.prototype-1.1.5.tgz",
+      "integrity": "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "get-proto": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/jose": {
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.2.tgz",
+      "integrity": "sha512-d7kPDd34KO/YnzaDOlikGpOurfF0ByC2sEV4cANCtdqLlTfBlw2p14O/5d/zv40gJPbIQxfES3nSx1/oYNyuZQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.5.tgz",
+      "integrity": "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flat": "^1.3.1",
+        "object.assign": "^4.1.4",
+        "object.values": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.23",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz",
+      "integrity": "sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==",
+      "dev": true,
+      "license": "CC0-1.0"
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.9.tgz",
+      "integrity": "sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "language-subtag-registry": "^0.3.20"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/long": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
+      "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lru.min": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lru.min/-/lru.min-1.1.4.tgz",
+      "integrity": "sha512-DqC6n3QQ77zdFpCMASA1a3Jlb64Hv2N2DciFGkO/4L9+q/IpIAuRlKOvCXabtRW6cQf8usbmM6BE/TOPysCdIA==",
+      "license": "MIT",
+      "engines": {
+        "bun": ">=1.0.0",
+        "deno": ">=1.30.0",
+        "node": ">=8.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wellwelwel"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.7.0.tgz",
+      "integrity": "sha512-yI7BeItCLZJTXikmK4KNUGCKoGzSvbKlfCvw44bU4fXAL6v3gYS4uHD1jzsLkfwODYwI6Drw5Tu9Z5ulDe0TSg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/mysql2": {
+      "version": "3.15.3",
+      "resolved": "https://registry.npmjs.org/mysql2/-/mysql2-3.15.3.tgz",
+      "integrity": "sha512-FBrGau0IXmuqg4haEZRBfHNWB5mUARw6hNwPDXXGg0XzVJ50mr/9hb267lvpVMnhZ1FON3qNd4Xfcez1rbFwSg==",
+      "license": "MIT",
+      "dependencies": {
+        "aws-ssl-profiles": "^1.1.1",
+        "denque": "^2.1.0",
+        "generate-function": "^2.3.1",
+        "iconv-lite": "^0.7.0",
+        "long": "^5.2.1",
+        "lru.min": "^1.0.0",
+        "named-placeholders": "^1.1.3",
+        "seq-queue": "^0.0.5",
+        "sqlstring": "^2.3.2"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      }
+    },
+    "node_modules/named-placeholders": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/named-placeholders/-/named-placeholders-1.1.6.tgz",
+      "integrity": "sha512-Tz09sEL2EEuv5fFowm419c1+a/jSMiBjI9gHxVLrVdbUkkNUUfjsVYs9pVZu5oCon/kmRh9TfLEObFtkVxmY0w==",
+      "license": "MIT",
+      "dependencies": {
+        "lru.min": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/napi-postinstall": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/napi-postinstall/-/napi-postinstall-0.3.4.tgz",
+      "integrity": "sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "napi-postinstall": "lib/cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.18.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/napi-postinstall"
+      }
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/next": {
+      "version": "16.2.2",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.2.2.tgz",
+      "integrity": "sha512-i6AJdyVa4oQjyvX/6GeER8dpY/xlIV+4NMv/svykcLtURJSy/WzDnnUk/TM4d0uewFHK7xSQz4TbIwPgjky+3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "16.2.2",
+        "@swc/helpers": "0.5.15",
+        "baseline-browser-mapping": "^2.9.19",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": ">=20.9.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "16.2.2",
+        "@next/swc-darwin-x64": "16.2.2",
+        "@next/swc-linux-arm64-gnu": "16.2.2",
+        "@next/swc-linux-arm64-musl": "16.2.2",
+        "@next/swc-linux-x64-gnu": "16.2.2",
+        "@next/swc-linux-x64-musl": "16.2.2",
+        "@next/swc-win32-arm64-msvc": "16.2.2",
+        "@next/swc-win32-x64-msvc": "16.2.2",
+        "sharp": "^0.34.5"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next-auth": {
+      "version": "5.0.0-beta.30",
+      "resolved": "https://registry.npmjs.org/next-auth/-/next-auth-5.0.0-beta.30.tgz",
+      "integrity": "sha512-+c51gquM3F6nMVmoAusRJ7RIoY0K4Ts9HCCwyy/BRoe4mp3msZpOzYMyb5LAYc1wSo74PMQkGDcaghIO7W6Xjg==",
+      "license": "ISC",
+      "dependencies": {
+        "@auth/core": "0.41.0"
+      },
+      "peerDependencies": {
+        "@simplewebauthn/browser": "^9.0.1",
+        "@simplewebauthn/server": "^9.0.2",
+        "next": "^14.0.0-0 || ^15.0.0 || ^16.0.0",
+        "nodemailer": "^7.0.7",
+        "react": "^18.2.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@simplewebauthn/browser": {
+          "optional": true
+        },
+        "@simplewebauthn/server": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/node-exports-info": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz",
+      "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array.prototype.flatmap": "^1.3.3",
+        "es-errors": "^1.3.0",
+        "object.entries": "^1.1.9",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/node-fetch-native": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.7.tgz",
+      "integrity": "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==",
+      "license": "MIT"
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nypm": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.6.5.tgz",
+      "integrity": "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.2.0",
+        "pathe": "^2.0.3",
+        "tinyexec": "^1.0.2"
+      },
+      "bin": {
+        "nypm": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/nypm/node_modules/citty": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.2.2.tgz",
+      "integrity": "sha512-+6vJA3L98yv+IdfKGZHBNiGW5KHn22e/JwID0Strsz8h4S/csAu/OuICwxrg44k5MRiZHWIo8XXuJgQTriRP4w==",
+      "license": "MIT"
+    },
+    "node_modules/oauth4webapi": {
+      "version": "3.8.5",
+      "resolved": "https://registry.npmjs.org/oauth4webapi/-/oauth4webapi-3.8.5.tgz",
+      "integrity": "sha512-A8jmyUckVhRJj5lspguklcl90Ydqk61H3dcU0oLhH3Yv13KpAliKTt5hknpGGPZSSfOwGyraNEFmofDYH+1kSg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.9.tgz",
+      "integrity": "sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.8.tgz",
+      "integrity": "sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.groupby": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/object.groupby/-/object.groupby-1.0.3.tgz",
+      "integrity": "sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.2.1.tgz",
+      "integrity": "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/ohash": {
+      "version": "2.0.11",
+      "resolved": "https://registry.npmjs.org/ohash/-/ohash-2.0.11.tgz",
+      "integrity": "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==",
+      "license": "MIT"
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/own-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz",
+      "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.6",
+        "object-keys": "^1.1.1",
+        "safe-push-apply": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-1.0.0.tgz",
+      "integrity": "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA==",
+      "license": "MIT"
+    },
+    "node_modules/pg": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-8.20.0.tgz",
+      "integrity": "sha512-ldhMxz2r8fl/6QkXnBD3CR9/xg694oT6DZQ2s6c/RI28OjtSOpxnPrUCGOBJ46RCUxcWdx3p6kw/xnDHjKvaRA==",
+      "license": "MIT",
+      "dependencies": {
+        "pg-connection-string": "^2.12.0",
+        "pg-pool": "^3.13.0",
+        "pg-protocol": "^1.13.0",
+        "pg-types": "2.2.0",
+        "pgpass": "1.0.5"
+      },
+      "engines": {
+        "node": ">= 16.0.0"
+      },
+      "optionalDependencies": {
+        "pg-cloudflare": "^1.3.0"
+      },
+      "peerDependencies": {
+        "pg-native": ">=3.0.1"
+      },
+      "peerDependenciesMeta": {
+        "pg-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pg-cloudflare": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/pg-cloudflare/-/pg-cloudflare-1.3.0.tgz",
+      "integrity": "sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/pg-connection-string": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.12.0.tgz",
+      "integrity": "sha512-U7qg+bpswf3Cs5xLzRqbXbQl85ng0mfSV/J0nnA31MCLgvEaAo7CIhmeyrmJpOr7o+zm0rXK+hNnT5l9RHkCkQ==",
+      "license": "MIT"
+    },
+    "node_modules/pg-int8": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/pg-int8/-/pg-int8-1.0.1.tgz",
+      "integrity": "sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/pg-pool": {
+      "version": "3.13.0",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.13.0.tgz",
+      "integrity": "sha512-gB+R+Xud1gLFuRD/QgOIgGOBE2KCQPaPwkzBBGC9oG69pHTkhQeIuejVIk3/cnDyX39av2AxomQiyPT13WKHQA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "pg": ">=8.0"
+      }
+    },
+    "node_modules/pg-protocol": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.13.0.tgz",
+      "integrity": "sha512-zzdvXfS6v89r6v7OcFCHfHlyG/wvry1ALxZo4LqgUoy7W9xhBDMaqOuMiF3qEV45VqsN6rdlcehHrfDtlCPc8w==",
+      "license": "MIT"
+    },
+    "node_modules/pg-types": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
+      "integrity": "sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==",
+      "license": "MIT",
+      "dependencies": {
+        "pg-int8": "1.0.1",
+        "postgres-array": "~2.0.0",
+        "postgres-bytea": "~1.0.0",
+        "postgres-date": "~1.0.4",
+        "postgres-interval": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pgpass": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/pgpass/-/pgpass-1.0.5.tgz",
+      "integrity": "sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==",
+      "license": "MIT",
+      "dependencies": {
+        "split2": "^4.1.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
+      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+      "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postgres": {
+      "version": "3.4.7",
+      "resolved": "https://registry.npmjs.org/postgres/-/postgres-3.4.7.tgz",
+      "integrity": "sha512-Jtc2612XINuBjIl/QTWsV5UvE8UHuNblcO3vVADSrKsrc6RqGX6lOW1cEo3CM2v0XG4Nat8nI+YM7/f26VxXLw==",
+      "license": "Unlicense",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/porsager"
+      }
+    },
+    "node_modules/postgres-array": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-2.0.0.tgz",
+      "integrity": "sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postgres-bytea": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/postgres-bytea/-/postgres-bytea-1.0.1.tgz",
+      "integrity": "sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postgres-date": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/postgres-date/-/postgres-date-1.0.7.tgz",
+      "integrity": "sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postgres-interval": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postgres-interval/-/postgres-interval-1.2.0.tgz",
+      "integrity": "sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/preact": {
+      "version": "10.24.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.24.3.tgz",
+      "integrity": "sha512-Z2dPnBnMUfyQfSQ+GBdsGa16hz35YmLmtTLhM169uW944hYL6xzTYkJjC07j+Wosz733pMWx0fgON3JNw1jJQA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "node_modules/preact-render-to-string": {
+      "version": "6.5.11",
+      "resolved": "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-6.5.11.tgz",
+      "integrity": "sha512-ubnauqoGczeGISiOh6RjX0/cdaF8v/oDXIjO85XALCQjwQP+SB4RDXXtvZ6yTYSjG+PC1QRP2AhPgCEsM2EvUw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "preact": ">=10"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prisma": {
+      "version": "7.7.0",
+      "resolved": "https://registry.npmjs.org/prisma/-/prisma-7.7.0.tgz",
+      "integrity": "sha512-HlgwRBt1uEFB9LStHL4HLYDvoi4BNu1rYA0hPG0zCAEyK9SaZBqp7E5Rjpc3Qh8Lex/ye/svoHZ0OWoFNhWxuQ==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@prisma/config": "7.7.0",
+        "@prisma/dev": "0.24.3",
+        "@prisma/engines": "7.7.0",
+        "@prisma/studio-core": "0.27.3",
+        "mysql2": "3.15.3",
+        "postgres": "3.4.7"
+      },
+      "bin": {
+        "prisma": "build/index.js"
+      },
+      "engines": {
+        "node": "^20.19 || ^22.12 || >=24.0"
+      },
+      "peerDependencies": {
+        "better-sqlite3": ">=9.0.0",
+        "typescript": ">=5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "better-sqlite3": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/proper-lockfile": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/proper-lockfile/-/proper-lockfile-4.1.2.tgz",
+      "integrity": "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "retry": "^0.12.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/proper-lockfile/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "license": "ISC"
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pure-rand": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/pure-rand/-/pure-rand-6.1.0.tgz",
+      "integrity": "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/dubzzz"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fast-check"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/rc9": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/rc9/-/rc9-2.1.2.tgz",
+      "integrity": "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg==",
+      "license": "MIT",
+      "dependencies": {
+        "defu": "^6.1.4",
+        "destr": "^2.0.3"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.4.tgz",
+      "integrity": "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.4"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "license": "MIT"
+    },
+    "node_modules/react-redux": {
+      "version": "9.2.0",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-9.2.0.tgz",
+      "integrity": "sha512-ROY9fvHhwOD9ySfrF0wmvu//bKCQ6AeZZq1nJNtbDC+kk5DuSuNX/n6YWYF/SYy7bSba4D4FSz8DJeKY/S/r+g==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "peerDependencies": {
+        "@types/react": "^18.2.25 || ^19",
+        "react": "^18.0 || ^19",
+        "redux": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "redux": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/recharts": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npmjs.org/recharts/-/recharts-3.8.1.tgz",
+      "integrity": "sha512-mwzmO1s9sFL0TduUpwndxCUNoXsBw3u3E/0+A+cLcrSfQitSG62L32N69GhqUrrT5qKcAE3pCGVINC6pqkBBQg==",
+      "license": "MIT",
+      "workspaces": [
+        "www"
+      ],
+      "dependencies": {
+        "@reduxjs/toolkit": "^1.9.0 || 2.x.x",
+        "clsx": "^2.1.1",
+        "decimal.js-light": "^2.5.1",
+        "es-toolkit": "^1.39.3",
+        "eventemitter3": "^5.0.1",
+        "immer": "^10.1.1",
+        "react-redux": "8.x.x || 9.x.x",
+        "reselect": "5.1.1",
+        "tiny-invariant": "^1.3.3",
+        "use-sync-external-store": "^1.2.2",
+        "victory-vendor": "^37.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-is": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/redux": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-5.0.1.tgz",
+      "integrity": "sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==",
+      "license": "MIT"
+    },
+    "node_modules/redux-thunk": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-3.1.0.tgz",
+      "integrity": "sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "redux": "^5.0.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.10.tgz",
+      "integrity": "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.9",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.7",
+        "get-proto": "^1.0.1",
+        "which-builtin-type": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/remeda": {
+      "version": "2.33.4",
+      "resolved": "https://registry.npmjs.org/remeda/-/remeda-2.33.4.tgz",
+      "integrity": "sha512-ygHswjlc/opg2VrtiYvUOPLjxjtdKvjGz1/plDhkG66hjNjFr1xmfrs2ClNFo/E6TyUFiwYNh53bKV26oBoMGQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/remeda"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-5.1.1.tgz",
+      "integrity": "sha512-K/BG6eIky/SBpzfHZv/dd+9JBFiS4SWV7FIujVyJRux6e45+73RaUHXLmIR1f7WOMaQ0U1km6qwklRQxpJJY0w==",
+      "license": "MIT"
+    },
+    "node_modules/resolve": {
+      "version": "2.0.0-next.6",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.6.tgz",
+      "integrity": "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "node-exports-info": "^1.6.0",
+        "object-keys": "^1.1.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/resolve-pkg-maps": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-pkg-maps/-/resolve-pkg-maps-1.0.0.tgz",
+      "integrity": "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.12.0.tgz",
+      "integrity": "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.3.tgz",
+      "integrity": "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "get-intrinsic": "^1.2.6",
+        "has-symbols": "^1.1.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-push-apply": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/safe-push-apply/-/safe-push-apply-1.0.0.tgz",
+      "integrity": "sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/seq-queue": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/seq-queue/-/seq-queue-0.0.5.tgz",
+      "integrity": "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q=="
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-proto": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/set-proto/-/set-proto-1.0.0.tgz",
+      "integrity": "sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/sharp/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.2.0.tgz",
+      "integrity": "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==",
+      "license": "ISC",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/sqlstring": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.3.tgz",
+      "integrity": "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/ssf": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.11.2.tgz",
+      "integrity": "sha512-+idbmIXoYET47hH+d7dfm2epdOMUDjqcB4648sTZ+t2JwoyBFL/insLfB/racrDmsKB3diwsDA696pZMieAC5g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "frac": "~1.1.2"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/stable-hash": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/stable-hash/-/stable-hash-0.0.5.tgz",
+      "integrity": "sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/std-env": {
+      "version": "3.10.0",
+      "resolved": "https://registry.npmjs.org/std-env/-/std-env-3.10.0.tgz",
+      "integrity": "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==",
+      "license": "MIT"
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.includes": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz",
+      "integrity": "sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.12",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.12.tgz",
+      "integrity": "sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.6",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "get-intrinsic": "^1.2.6",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "internal-slot": "^1.1.0",
+        "regexp.prototype.flags": "^1.5.3",
+        "set-function-name": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.repeat": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/string.prototype.repeat/-/string.prototype.repeat-1.0.0.tgz",
+      "integrity": "sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.10.tgz",
+      "integrity": "sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-data-property": "^1.1.4",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.5",
+        "es-object-atoms": "^1.0.0",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.9.tgz",
+      "integrity": "sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.2",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sweetalert2": {
+      "version": "11.26.24",
+      "resolved": "https://registry.npmjs.org/sweetalert2/-/sweetalert2-11.26.24.tgz",
+      "integrity": "sha512-SLgukW4wicewpW5VOukSXY5Z6DL/z7HCOK2ODSjmQPiSphCN8gJAmh9npoceXOtBRNoDN0xIz+zHYthtfiHmjg==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/limonte"
+      }
+    },
+    "node_modules/tailwind-merge": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
+      "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
+      "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+      "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "license": "MIT"
+    },
+    "node_modules/tinyexec": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-1.1.1.tgz",
+      "integrity": "sha512-VKS/ZaQhhkKFMANmAOhhXVoIfBXblQxGX1myCQ2faQrfmobMftXeJPcZGp0gS07ocvGJWDLZGyOZDadDBqYIJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.5.0.tgz",
+      "integrity": "sha512-OJ/ibxhPlqrMM0UiNHJ/0CKQkoKF243/AEmplt3qpRgkW8VG7IfOS41h7V8TjITqdByHzrjcS/2si+y4lIh8NA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.15.0.tgz",
+      "integrity": "sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.3.tgz",
+      "integrity": "sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.4.tgz",
+      "integrity": "sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "for-each": "^0.3.3",
+        "gopd": "^1.2.0",
+        "has-proto": "^1.2.0",
+        "is-typed-array": "^1.1.15",
+        "reflect.getprototypeof": "^1.0.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.7.tgz",
+      "integrity": "sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0",
+        "reflect.getprototypeof": "^1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typescript-eslint": {
+      "version": "8.58.1",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.58.1.tgz",
+      "integrity": "sha512-gf6/oHChByg9HJvhMO1iBexJh12AqqTfnuxscMDOVqfJW3htsdRJI/GfPpHTTcyeB8cSTUY2JcZmVgoyPqcrDg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/eslint-plugin": "8.58.1",
+        "@typescript-eslint/parser": "8.58.1",
+        "@typescript-eslint/typescript-estree": "8.58.1",
+        "@typescript-eslint/utils": "8.58.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0",
+        "typescript": ">=4.8.4 <6.1.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.1.0.tgz",
+      "integrity": "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "which-boxed-primitive": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/unrs-resolver": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.11.1.tgz",
+      "integrity": "sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "dependencies": {
+        "napi-postinstall": "^0.3.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/unrs-resolver"
+      },
+      "optionalDependencies": {
+        "@unrs/resolver-binding-android-arm-eabi": "1.11.1",
+        "@unrs/resolver-binding-android-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-arm64": "1.11.1",
+        "@unrs/resolver-binding-darwin-x64": "1.11.1",
+        "@unrs/resolver-binding-freebsd-x64": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-gnueabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm-musleabihf": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-arm64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-ppc64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-riscv64-musl": "1.11.1",
+        "@unrs/resolver-binding-linux-s390x-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-gnu": "1.11.1",
+        "@unrs/resolver-binding-linux-x64-musl": "1.11.1",
+        "@unrs/resolver-binding-wasm32-wasi": "1.11.1",
+        "@unrs/resolver-binding-win32-arm64-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-ia32-msvc": "1.11.1",
+        "@unrs/resolver-binding-win32-x64-msvc": "1.11.1"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/valibot": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/valibot/-/valibot-1.2.0.tgz",
+      "integrity": "sha512-mm1rxUsmOxzrwnX5arGS+U4T25RdvpPjPN4yR0u9pUBov9+zGVtO84tif1eY4r6zWxVxu3KzIyknJy3rxfRZZg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">=5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/victory-vendor": {
+      "version": "37.3.6",
+      "resolved": "https://registry.npmjs.org/victory-vendor/-/victory-vendor-37.3.6.tgz",
+      "integrity": "sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==",
+      "license": "MIT AND ISC",
+      "dependencies": {
+        "@types/d3-array": "^3.0.3",
+        "@types/d3-ease": "^3.0.0",
+        "@types/d3-interpolate": "^3.0.1",
+        "@types/d3-scale": "^4.0.2",
+        "@types/d3-shape": "^3.1.0",
+        "@types/d3-time": "^3.0.0",
+        "@types/d3-timer": "^3.0.0",
+        "d3-array": "^3.1.6",
+        "d3-ease": "^3.0.1",
+        "d3-interpolate": "^3.0.1",
+        "d3-scale": "^4.0.2",
+        "d3-shape": "^3.1.0",
+        "d3-time": "^3.0.0",
+        "d3-timer": "^3.0.1"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.2.1.tgz",
+      "integrity": "sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "function.prototype.name": "^1.1.6",
+        "has-tostringtag": "^1.0.2",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.1.0",
+        "is-finalizationregistry": "^1.1.0",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.2.1",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.1.0",
+        "which-collection": "^1.0.2",
+        "which-typed-array": "^1.1.16"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.20.tgz",
+      "integrity": "sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/word/-/word-0.3.0.tgz",
+      "integrity": "sha512-OELeY0Q61OXpdUfTp+oweA/vtLVg5VDOXh+3he3PNzLGG/y0oylSOC1xRVj0+l4vQ3tj/bB1HVHv1ocXkQceFA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/xlsx": {
+      "version": "0.18.5",
+      "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.18.5.tgz",
+      "integrity": "sha512-dmg3LCjBPHZnQp5/F/+nnTa+miPJxUXB6vtk42YjBBKayDNagxGEeIdWApkYPOf3Z3pm3k62Knjzp7lMeTEtFQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "adler-32": "~1.3.0",
+        "cfb": "~1.2.1",
+        "codepage": "~1.15.0",
+        "crc-32": "~1.2.1",
+        "ssf": "~0.11.2",
+        "wmf": "~1.0.1",
+        "word": "~0.3.0"
+      },
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zeptomatch": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/zeptomatch/-/zeptomatch-2.1.0.tgz",
+      "integrity": "sha512-KiGErG2J0G82LSpniV0CtIzjlJ10E04j02VOudJsPyPwNZgGnRKQy7I1R7GMyg/QswnE4l7ohSGrQbQbjXPPDA==",
+      "license": "MIT",
+      "dependencies": {
+        "grammex": "^3.1.11",
+        "graphmatch": "^1.1.0"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "5.0.12",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-5.0.12.tgz",
+      "integrity": "sha512-i77ae3aZq4dhMlRhJVCYgMLKuSiZAaUPAct2AksxQ+gOtimhGMdXljRT21P5BNpeT4kXlLIckvkPM029OljD7g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=18.0.0",
+        "immer": ">=9.0.6",
+        "react": ">=18.0.0",
+        "use-sync-external-store": ">=1.2.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "use-sync-external-store": {
+          "optional": true
+        }
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..7bd87ea
--- /dev/null
+++ b/package.json
@@ -0,0 +1,46 @@
+{
+  "name": "fito-nextjs",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint"
+  },
+  "dependencies": {
+    "@prisma/client": "^7.7.0",
+    "@tanstack/react-table": "^8.21.3",
+    "bcryptjs": "^3.0.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "file-saver": "^2.0.5",
+    "jose": "^6.2.2",
+    "lucide-react": "^1.7.0",
+    "next": "16.2.2",
+    "next-auth": "^5.0.0-beta.30",
+    "pg": "^8.20.0",
+    "prisma": "^7.7.0",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "recharts": "^3.8.1",
+    "sweetalert2": "^11.26.24",
+    "tailwind-merge": "^3.5.0",
+    "xlsx": "^0.18.5",
+    "zustand": "^5.0.12"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/bcryptjs": "^2.4.6",
+    "@types/file-saver": "^2.0.7",
+    "@types/node": "^20",
+    "@types/pg": "^8.20.0",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.2.2",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  }
+}
diff --git a/postcss.config.mjs b/postcss.config.mjs
new file mode 100644
index 0000000..61e3684
--- /dev/null
+++ b/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
+export default config;
diff --git a/prisma.config.ts b/prisma.config.ts
new file mode 100644
index 0000000..831a20f
--- /dev/null
+++ b/prisma.config.ts
@@ -0,0 +1,14 @@
+// This file was generated by Prisma, and assumes you have installed the following:
+// npm install --save-dev prisma dotenv
+import "dotenv/config";
+import { defineConfig } from "prisma/config";
+
+export default defineConfig({
+  schema: "prisma/schema.prisma",
+  migrations: {
+    path: "prisma/migrations",
+  },
+  datasource: {
+    url: process.env["DATABASE_URL"],
+  },
+});
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
new file mode 100644
index 0000000..cc10721
--- /dev/null
+++ b/prisma/schema.prisma
@@ -0,0 +1,8 @@
+generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "postgresql"
+  url      = env("DATABASE_URL")
+}
diff --git a/public/file.svg b/public/file.svg
new file mode 100644
index 0000000..004145c
--- /dev/null
+++ b/public/file.svg
@@ -0,0 +1 @@
+<svg fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.5 13.5V5.41a1 1 0 0 0-.3-.7L9.8.29A1 1 0 0 0 9.08 0H1.5v13.5A2.5 2.5 0 0 0 4 16h8a2.5 2.5 0 0 0 2.5-2.5m-1.5 0v-7H8v-5H3v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1M9.5 5V2.12L12.38 5zM5.13 5h-.62v1.25h2.12V5zm-.62 3h7.12v1.25H4.5zm.62 3h-.62v1.25h7.12V11z" clip-rule="evenodd" fill="#666" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/public/globe.svg b/public/globe.svg
new file mode 100644
index 0000000..567f17b
--- /dev/null
+++ b/public/globe.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g clip-path="url(#a)"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.27 14.1a6.5 6.5 0 0 0 3.67-3.45q-1.24.21-2.7.34-.31 1.83-.97 3.1M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.48-1.52a7 7 0 0 1-.96 0H7.5a4 4 0 0 1-.84-1.32q-.38-.89-.63-2.08a40 40 0 0 0 3.92 0q-.25 1.2-.63 2.08a4 4 0 0 1-.84 1.31zm2.94-4.76q1.66-.15 2.95-.43a7 7 0 0 0 0-2.58q-1.3-.27-2.95-.43a18 18 0 0 1 0 3.44m-1.27-3.54a17 17 0 0 1 0 3.64 39 39 0 0 1-4.3 0 17 17 0 0 1 0-3.64 39 39 0 0 1 4.3 0m1.1-1.17q1.45.13 2.69.34a6.5 6.5 0 0 0-3.67-3.44q.65 1.26.98 3.1M8.48 1.5l.01.02q.41.37.84 1.31.38.89.63 2.08a40 40 0 0 0-3.92 0q.25-1.2.63-2.08a4 4 0 0 1 .85-1.32 7 7 0 0 1 .96 0m-2.75.4a6.5 6.5 0 0 0-3.67 3.44 29 29 0 0 1 2.7-.34q.31-1.83.97-3.1M4.58 6.28q-1.66.16-2.95.43a7 7 0 0 0 0 2.58q1.3.27 2.95.43a18 18 0 0 1 0-3.44m.17 4.71q-1.45-.12-2.69-.34a6.5 6.5 0 0 0 3.67 3.44q-.65-1.27-.98-3.1" fill="#666"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/public/momo-icon.svg b/public/momo-icon.svg
new file mode 100644
index 0000000..12111dd
--- /dev/null
+++ b/public/momo-icon.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <defs>
+    <linearGradient id="fg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#2E8B57"/>
+      <stop offset="100%" stop-color="#3CB371"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="url(#fg)"/>
+  <g fill="#ffffff">
+    <text x="32" y="40" font-family="'Segoe UI','Apple SD Gothic Neo',sans-serif" font-size="18" font-weight="900" text-anchor="middle" letter-spacing="-0.5">MOMO</text>
+    <circle cx="52" cy="14" r="2"/>
+    <circle cx="46" cy="10" r="1.4"/>
+  </g>
+</svg>
diff --git a/public/momo-logo.svg b/public/momo-logo.svg
new file mode 100644
index 0000000..72b4f2a
--- /dev/null
+++ b/public/momo-logo.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360 120" width="360" height="120">
+  <g fill="#2E8B57">
+    <!-- M -->
+    <path d="M 15 95 L 15 28 L 32 28 L 52 72 L 72 28 L 89 28 L 89 95 L 75 95 L 75 50 L 60 85 L 44 85 L 29 50 L 29 95 Z"/>
+    <!-- O 1 -->
+    <path d="M 132 61 C 132 43.3 117.7 29 100 29 C 82.3 29 68 43.3 68 61 C 68 78.7 82.3 93 100 93 C 117.7 93 132 78.7 132 61 Z M 115 61 C 115 69.3 108.3 76 100 76 C 91.7 76 85 69.3 85 61 C 85 52.7 91.7 46 100 46 C 108.3 46 115 52.7 115 61 Z" transform="translate(34 0)"/>
+    <!-- M 2 -->
+    <path d="M 180 95 L 180 28 L 197 28 L 217 72 L 237 28 L 254 28 L 254 95 L 240 95 L 240 50 L 225 85 L 209 85 L 194 50 L 194 95 Z"/>
+    <!-- O 2 -->
+    <path d="M 297 61 C 297 43.3 282.7 29 265 29 C 247.3 29 233 43.3 233 61 C 233 78.7 247.3 93 265 93 C 282.7 93 297 78.7 297 61 Z M 280 61 C 280 69.3 273.3 76 265 76 C 256.7 76 250 69.3 250 61 C 250 52.7 256.7 46 265 46 C 273.3 46 280 52.7 280 61 Z" transform="translate(34 0)"/>
+    <!-- Fairy figure (stylized) above right O -->
+    <g transform="translate(300 15)">
+      <!-- Head -->
+      <circle cx="8" cy="6" r="4"/>
+      <!-- Body -->
+      <path d="M 8 10 L 5 22 L 11 22 Z"/>
+      <!-- Wings -->
+      <path d="M 5 14 Q -2 12 -1 20 Q 3 18 6 17 Z" opacity="0.7"/>
+      <path d="M 11 14 Q 18 12 17 20 Q 13 18 10 17 Z" opacity="0.7"/>
+      <!-- Wand swoosh -->
+      <path d="M 12 8 Q 32 -4 48 6 Q 40 2 30 5 Q 22 7 16 10 Z"/>
+    </g>
+    <!-- Sparkles -->
+    <circle cx="352" cy="20" r="2.5"/>
+    <circle cx="344" cy="30" r="1.6"/>
+    <circle cx="340" cy="10" r="1.4"/>
+    <path d="M 348 40 L 350 44 L 354 44 L 351 47 L 352 52 L 348 49 L 344 52 L 345 47 L 342 44 L 346 44 Z" transform="scale(0.5) translate(355 50)"/>
+  </g>
+</svg>
diff --git a/public/next.svg b/public/next.svg
new file mode 100644
index 0000000..5174b28
--- /dev/null
+++ b/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/public/vercel.svg b/public/vercel.svg
new file mode 100644
index 0000000..7705396
--- /dev/null
+++ b/public/vercel.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1155 1000"><path d="m577.3 0 577.4 1000H0z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/public/window.svg b/public/window.svg
new file mode 100644
index 0000000..b2b2a44
--- /dev/null
+++ b/public/window.svg
@@ -0,0 +1 @@
+<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5h13v10a1 1 0 0 1-1 1h-11a1 1 0 0 1-1-1zM0 1h16v11.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 0 12.5zm3.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 4.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m1.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5" fill="#666"/></svg>
\ No newline at end of file
diff --git a/src/app/(auth)/CLAUDE.md b/src/app/(auth)/CLAUDE.md
new file mode 100644
index 0000000..df77f87
--- /dev/null
+++ b/src/app/(auth)/CLAUDE.md
@@ -0,0 +1,16 @@
+## 역할
+비인증 사용자의 로그인 페이지. 세션 쿠키 기반 인증 후 `/dashboard`로 리다이렉트.
+
+## 공통 패턴
+- 단일 페이지: `login/page.tsx` (`"use client"`)
+- `POST /api/auth/login` → `{ userId, password }` 전송, `{ success, message }` 응답
+- 성공: `router.push("/dashboard")`, 실패: `Swal.fire({ icon: "error" })`
+
+## 숨겨진 스펙
+- 다크 배경: `bg-[#1e2432]`, 흰색 폼 카드
+- 빈값 체크: 클라이언트에서만 (`!userId || !password`)
+- 로딩 상태: 버튼 disabled + 텍스트 "로그인 중..."
+- autoFocus: ID 필드에 자동 포커스
+- autoComplete: `"username"`, `"current-password"` 설정
+
+@MISTAKES.md
diff --git a/src/app/(auth)/MISTAKES.md b/src/app/(auth)/MISTAKES.md
new file mode 100644
index 0000000..39ae32c
--- /dev/null
+++ b/src/app/(auth)/MISTAKES.md
@@ -0,0 +1,9 @@
+# (auth) 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
new file mode 100644
index 0000000..cb87f67
--- /dev/null
+++ b/src/app/(auth)/login/page.tsx
@@ -0,0 +1,142 @@
+"use client";
+
+import { useState, FormEvent } from "react";
+import { useRouter } from "next/navigation";
+import Image from "next/image";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+export default function LoginPage() {
+  const router = useRouter();
+  const [userId, setUserId] = useState("");
+  const [password, setPassword] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async (e: FormEvent) => {
+    e.preventDefault();
+
+    if (!userId || !password) {
+      Swal.fire({ icon: "warning", title: "아이디와 비밀번호를 입력하세요." });
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/auth/login", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ userId, password }),
+      });
+
+      const data = await res.json();
+
+      if (data.success) {
+        router.push("/dashboard");
+      } else {
+        Swal.fire({
+          icon: "error",
+          title: "로그인 실패",
+          text: data.message || "아이디 또는 비밀번호를 확인하세요.",
+        });
+      }
+    } catch {
+      Swal.fire({ icon: "error", title: "서버 오류", text: "잠시 후 다시 시도하세요." });
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen flex flex-col bg-gradient-to-br from-[#0d3b24] via-[#1b5e3a] to-[#0f4a2a] relative overflow-hidden">
+      <div className="flex-1 flex items-center justify-center px-4">
+        <div className="w-full max-w-sm">
+          <div className="text-center mb-8">
+            <Image
+              src="/momo-logo.svg"
+              alt="MOMO"
+              width={180}
+              height={68}
+              priority
+              className="mx-auto mb-3 drop-shadow-[0_4px_12px_rgba(0,0,0,0.3)]"
+            />
+            <h1 className="text-2xl font-bold text-white tracking-tight">
+              모모유통
+            </h1>
+            <p className="text-emerald-100/70 text-sm mt-1 tracking-wide">
+              유통관리 ERP
+            </p>
+          </div>
+
+          <form
+            onSubmit={handleSubmit}
+            className="bg-white rounded-xl shadow-2xl p-8 space-y-5"
+          >
+            <div>
+              <label className="block text-xs font-medium text-gray-500 mb-1.5">
+                아이디
+              </label>
+              <Input
+                type="text"
+                value={userId}
+                onChange={(e) => setUserId(e.target.value)}
+                placeholder="사용자 아이디를 입력하세요"
+                autoFocus
+                autoComplete="username"
+              />
+            </div>
+
+            <div>
+              <label className="block text-xs font-medium text-gray-500 mb-1.5">
+                비밀번호
+              </label>
+              <Input
+                type="password"
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="비밀번호를 입력하세요"
+                autoComplete="current-password"
+              />
+            </div>
+
+            <Button
+              type="submit"
+              disabled={loading}
+              className="w-full h-11 text-sm font-semibold bg-emerald-700 hover:bg-emerald-800"
+            >
+              {loading ? "로그인 중..." : "로그인"}
+            </Button>
+          </form>
+
+          <p className="text-center text-emerald-100/50 text-xs mt-6">
+            &copy; 2026 MOMO DISTRIBUTION. All rights reserved.
+          </p>
+        </div>
+      </div>
+
+      <footer className="bg-white/95 border-t border-emerald-100 px-6 py-4">
+        <div className="max-w-5xl mx-auto flex flex-wrap items-center gap-6">
+          <div className="flex items-center gap-3">
+            <Image src="/momo-logo.svg" alt="MOMO" width={90} height={34} />
+            <span className="text-xs font-bold text-emerald-700 tracking-widest">
+              모모유통
+            </span>
+          </div>
+          <div className="text-[11px] text-gray-600 leading-relaxed flex-1 min-w-[280px]">
+            <p>
+              <span className="font-bold text-emerald-700 mr-2">본사</span>
+              경기도 의왕시 벌모루길 46 B동
+            </p>
+            <p>
+              <span className="font-bold text-emerald-700 mr-2">지사</span>
+              경기도 김포시 고촌읍 김포대로 451번길 210
+            </p>
+            <p className="mt-0.5 text-gray-500">
+              T 010-6624-5315 &nbsp;·&nbsp; E momo8443@daum.net
+            </p>
+          </div>
+        </div>
+      </footer>
+    </div>
+  );
+}
diff --git a/src/app/(main)/CLAUDE.md b/src/app/(main)/CLAUDE.md
new file mode 100644
index 0000000..6c4ee3d
--- /dev/null
+++ b/src/app/(main)/CLAUDE.md
@@ -0,0 +1,56 @@
+## 역할
+인증된 사용자 전용 업무 페이지 영역. 영업, 생산, 구매, 재고, 품질, 비용 등 70개 이상의 업무 페이지를 포함. 공통 레이아웃(Header + Sidebar + Content)으로 감싸진 대시보드 시스템.
+
+## 공통 패턴
+
+### 페이지 구조
+모든 페이지는 `"use client"` 클라이언트 컴포넌트. 구성:
+1. 제목: `<h2 className="text-lg font-bold text-gray-800 mb-4">{제목}</h2>`
+2. 검색 폼: `SearchForm` + `SearchField` + `CodeSelect`/`Input`
+3. 버튼 영역: 조회, 등록, 삭제 등
+4. 데이터 그리드: `DataGrid` + `Pagination`
+
+### 데이터 조회
+```tsx
+const fetchData = useCallback(async () => {
+  const res = await fetch("/api/{domain}/{resource}", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ year, category_cd, ... }),
+  });
+  if (res.ok) {
+    const json = await res.json();
+    setData(json.RESULTLIST || []);
+  }
+}, [dependencies]);
+```
+
+### 팝업 처리
+```tsx
+window.open(url, "formPopup", "width=1200,height=550,left=...,top=...");
+```
+
+### 행 삭제
+```tsx
+if (selectedRows.length === 0) {
+  Swal.fire({ icon: "warning", title: "항목을 선택하세요." });
+  return;
+}
+```
+
+## 연결 고리
+- API: `POST /api/{domain}/{resource}` (RESULTLIST 응답)
+- Store: `useAuthStore()` (user, logout), `useMenuStore()` (메뉴 상태)
+- 컴포넌트: DataGrid, SearchForm, SearchField, CodeSelect, Input, Button, Pagination
+- 유틸: `numberWithCommas()`, `cn()`
+
+## 숨겨진 스펙
+- 데이터 타입: `Record<string, unknown>[]`
+- DataGrid 높이: `calc(100vh - 350px)` 패턴 (페이지별 350~400px 차감)
+- 년도 필터: `Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i)`
+- 셀 클릭: `col.cellClick` 콜백으로 상세 폼 팝업
+- formatter `"money"` → 통화 형식
+- JSP 원본 주석: `// salesMgmt/salesMgmtContractList.jsp 대응`
+- 에러처리 미비: `if (res.ok)` 체크만, try-catch 없는 경우 많음
+
+@MISTAKES.md
diff --git a/src/app/(main)/MISTAKES.md b/src/app/(main)/MISTAKES.md
new file mode 100644
index 0000000..b690486
--- /dev/null
+++ b/src/app/(main)/MISTAKES.md
@@ -0,0 +1,9 @@
+# (main) 페이지 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/app/(main)/admin/page.tsx b/src/app/(main)/admin/page.tsx
new file mode 100644
index 0000000..810d933
--- /dev/null
+++ b/src/app/(main)/admin/page.tsx
@@ -0,0 +1,63 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// admin/adminUserList.jsp 대응 - 관리자 (사용자관리)
+export default function AdminPage() {
+  const [searchName, setSearchName] = useState("");
+  const [searchDept, setSearchDept] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "사번", field: "SABUN", width: 100, hozAlign: "center" },
+    { title: "아이디", field: "USER_ID", width: 120, hozAlign: "left",
+      cellClick: (row) => window.open(`/admin/user-form?userId=${row.USER_ID}`, "userForm", "width=700,height=600") },
+    { title: "이름", field: "USER_NAME", width: 100, hozAlign: "center" },
+    { title: "부서", field: "DEPT_NAME", width: 120, hozAlign: "center" },
+    { title: "직급", field: "POSITION_NAME", width: 80, hozAlign: "center" },
+    { title: "이메일", field: "EMAIL", width: 180, hozAlign: "left" },
+    { title: "연락처", field: "TEL", width: 130, hozAlign: "center" },
+    { title: "유형", field: "USER_TYPE_NAME", width: 80, hozAlign: "center" },
+    { title: "권한", field: "AUTH_NAME", width: 150, hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/users", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ user_name: searchName, dept_name: searchDept }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [searchName, searchDept]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">사용자관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/admin/user-form", "userForm", "width=700,height=600")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="이름">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="부서">
+          <Input value={searchDept} onChange={(e) => setSearchDept(e.target.value)} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/approval/page.tsx b/src/app/(main)/approval/page.tsx
new file mode 100644
index 0000000..ed30618
--- /dev/null
+++ b/src/app/(main)/approval/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { ApprovalStatusBadge } from "@/components/approval/ApprovalStatusBadge";
+import { TARGET_NAME_MAP } from "@/components/approval/TargetLinkMap";
+import { cn } from "@/lib/utils";
+
+// approvalList.jsp 대응 - 결재함 (미결재/승인/반려/전체 탭)
+type Tab = "PENDING" | "APPROVED" | "REJECTED" | "";
+
+const TABS: { key: Tab; label: string }[] = [
+  { key: "PENDING", label: "미결재" },
+  { key: "APPROVED", label: "승인" },
+  { key: "REJECTED", label: "반려" },
+  { key: "", label: "전체" },
+];
+
+export default function ApprovalPage() {
+  const [tab, setTab] = useState<Tab>("PENDING");
+  const [title, setTitle] = useState("");
+  const [writerName, setWriterName] = useState("");
+  const [fromDate, setFromDate] = useState("");
+  const [toDate, setToDate] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const openDetail = (row: Record<string, unknown>) => {
+    const w = 900, h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/approval/form?objId=${row.APPROVAL_OBJID || row.OBJID}`,
+      "approvalDetail",
+      `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const columns: GridColumn[] = [
+    { title: "결재번호", field: "APPROVAL_NO", width: 110, hozAlign: "center" },
+    {
+      title: "대상구분", field: "TYPE_NAME", width: 120, hozAlign: "left",
+      formatter: (_, row) => (TARGET_NAME_MAP[String(row.TARGET_TYPE)] || String(row.TYPE_NAME ?? row.TARGET_TYPE ?? "-")),
+    },
+    {
+      title: "제목", field: "TITLE", width: 300, hozAlign: "left",
+      cellClick: openDetail,
+    },
+    { title: "상신일", field: "REGDATE", width: 110, hozAlign: "center" },
+    {
+      title: "상신자", field: "WRITER_NAME", width: 180, hozAlign: "left",
+      formatter: (_, row) => {
+        const dept = row.DEPT_NAME ? String(row.DEPT_NAME) + " / " : "";
+        return dept + String(row.WRITER_NAME ?? row.WRITER ?? "");
+      },
+    },
+    {
+      title: "상태", field: "STATUS_NAME", width: 100, hozAlign: "center",
+      formatter: (_, row) => <ApprovalStatusBadge status={row.STATUS_NAME || row.APPROVAL_STATUS} />,
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/approval", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          status: tab,
+          title,
+          writer_name: writerName,
+          from_date: fromDate,
+          to_date: toDate,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } finally { setLoading(false); }
+  }, [tab, title, writerName, fromDate, toDate]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  // 파일 업로드 팝업 등에서 refresh 콜백으로 쓸 수 있게 전역 등록
+  useEffect(() => {
+    (window as unknown as Record<string, unknown>).fn_search = fetchData;
+    return () => { delete (window as unknown as Record<string, unknown>).fn_search; };
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">결재관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      {/* 탭 */}
+      <div className="flex items-center border-b border-gray-200 mb-4">
+        {TABS.map((t) => (
+          <button
+            key={t.key}
+            onClick={() => setTab(t.key)}
+            className={cn(
+              "px-4 py-2 text-sm border-b-2 -mb-px transition-colors",
+              tab === t.key
+                ? "border-primary text-primary font-semibold"
+                : "border-transparent text-gray-500 hover:text-gray-800"
+            )}
+          >
+            {t.label}
+          </button>
+        ))}
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제목">
+          <Input value={title} onChange={(e) => setTitle(e.target.value)} className="w-[240px]" />
+        </SearchField>
+        <SearchField label="상신자">
+          <Input value={writerName} onChange={(e) => setWriterName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="상신일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={fromDate} onChange={(e) => setFromDate(e.target.value)} className="w-[140px]" />
+            <span className="text-gray-400">~</span>
+            <Input type="date" value={toDate} onChange={(e) => setToDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/bom/page.tsx b/src/app/(main)/bom/page.tsx
new file mode 100644
index 0000000..fccb9bf
--- /dev/null
+++ b/src/app/(main)/bom/page.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// bom/bomList.jsp 대응 - BOM 관리
+export default function BomPage() {
+  const [productName, setProductName] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "제품명", field: "PRODUCT_NAME", width: 180, hozAlign: "left",
+      cellClick: (row) => window.open(`/product/part-register/form?objId=${row.OBJID}`, "bomDetail", "width=1200,height=900") },
+    { title: "제품코드", field: "PRODUCT_CODE", width: 120, hozAlign: "left" },
+    { title: "Level", field: "BOM_LEVEL", width: 60, hozAlign: "center" },
+    { title: "파트번호", field: "PART_NO", width: 130, hozAlign: "left" },
+    { title: "파트명", field: "PART_NAME", width: 180, hozAlign: "left" },
+    { title: "규격", field: "SPEC", width: 120, hozAlign: "left" },
+    { title: "수량", field: "QTY", width: 70, hozAlign: "right", formatter: "money" },
+    { title: "단위", field: "UNIT_NAME", width: 60, hozAlign: "center" },
+    { title: "재질", field: "MATERIAL_NAME", width: 100, hozAlign: "left" },
+    { title: "비고", field: "REMARK", hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/bom", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ product_name: productName, part_no: partNo }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [productName, partNo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">BOM 관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제품명">
+          <Input value={productName} onChange={(e) => setProductName(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="파트번호">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cost-mgmt/page.tsx b/src/app/(main)/cost-mgmt/page.tsx
new file mode 100644
index 0000000..08137d8
--- /dev/null
+++ b/src/app/(main)/cost-mgmt/page.tsx
@@ -0,0 +1,65 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// costMgmt/costMgmtList.jsp 대응 - 원가관리
+export default function CostMgmtPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120 },
+    { title: "제품명", field: "PRODUCT_NAME", width: 180, hozAlign: "left" },
+    { title: "목표원가", field: "TARGET_COST", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "실적원가", field: "ACTUAL_COST", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "차이", field: "DIFF_COST", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "달성율", field: "ACHIEVE_RATE", width: 80, hozAlign: "center",
+      formatter: (_cell, row) => `${row.ACHIEVE_RATE || 0}%` },
+    { title: "등록일", field: "REGDATE", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cost-mgmt", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">원가관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cost/expense/page.tsx b/src/app/(main)/cost/expense/page.tsx
new file mode 100644
index 0000000..c895d80
--- /dev/null
+++ b/src/app/(main)/cost/expense/page.tsx
@@ -0,0 +1,121 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// costMgmt/expenseDashBoard.jsp 대응 - 경비관리
+export default function CostExpensePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selected, setSelected] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left", frozen: true },
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+        { title: "프로젝트명", field: "PROJECT_NAME", width: 200, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 100, hozAlign: "left" },
+        { title: "PM", field: "PM_USER_NAME", width: 80, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "경비현황",
+      columns: [
+        { title: "목표가", field: "EXPENSE_COST_GOAL", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "발생경비", field: "TOTAL_SETTLE_AMOUNT", width: 130, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "INPUT_RATE", width: 90, hozAlign: "right" },
+        { title: "조립", field: "SETTLE_AMOUNT_ASSEMBLE", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "셋업", field: "SETTLE_AMOUNT_SETUP", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "외주(Turn-key)", field: "SETTLE_AMOUNT_CS", width: 130, hozAlign: "right", formatter: "money" },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cost/expense", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year, project_no: projectNo, customer_objid: customerObjid, pm_user_id: pmUserId,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchData;
+    return () => { delete (window as unknown as { fn_search?: () => void }).fn_search; };
+  }, [fetchData]);
+
+  const openExpenseApply = () => {
+    const contractObjid = selected.length === 1 ? String(selected[0].OBJID || "") : "";
+    if (selected.length > 1) {
+      Swal.fire({ icon: "warning", title: "한번에 1개의 프로젝트만 선택 가능합니다." });
+      return;
+    }
+    const w = 900, h = 600;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/cost/expense/apply${contractObjid ? `?contractObjid=${encodeURIComponent(contractObjid)}` : ""}`,
+      "expenseApply",
+      `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`
+    );
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">투입원가관리 - 경비관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={openExpenseApply}>경비신청</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelected}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cost/labor/page.tsx b/src/app/(main)/cost/labor/page.tsx
new file mode 100644
index 0000000..5a01e2d
--- /dev/null
+++ b/src/app/(main)/cost/labor/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// costMgmt/laborCostMgmtList.jsp 대응 - 노무비관리
+export default function CostLaborPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left", frozen: true },
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+        { title: "프로젝트명", field: "PROJECT_NAME", width: 200, hozAlign: "left" },
+        { title: "고객납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 100, hozAlign: "left" },
+        { title: "PM", field: "PM_USER_NAME", width: 80, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "노무비현황",
+      columns: [
+        { title: "목표가", field: "LABOR_COST_GOAL", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "실투입노무비", field: "LABOR_COST_ACTUAL", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "LABOR_INPUT_RATE", width: 90, hozAlign: "right" },
+        { title: "투입공수(H)", field: "LABOR_HOURS", width: 100, hozAlign: "right" },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cost/labor", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year, project_no: projectNo, customer_objid: customerObjid,
+        product, pm_user_id: pmUserId,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">투입원가관리 - 노무비관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cost/material/page.tsx b/src/app/(main)/cost/material/page.tsx
new file mode 100644
index 0000000..2968b70
--- /dev/null
+++ b/src/app/(main)/cost/material/page.tsx
@@ -0,0 +1,95 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// costMgmt/materialCostTotaltList.jsp 대응 - 재료비관리
+export default function CostMaterialPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left", frozen: true },
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+        { title: "프로젝트명", field: "PROJECT_NAME", width: 200, hozAlign: "left" },
+        { title: "고객납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 100, hozAlign: "left" },
+        { title: "PM", field: "PM_USER_NAME", width: 80, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "재료비현황",
+      columns: [
+        { title: "목표가", field: "MATERIAL_COST_GOAL", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "실투입재료비", field: "ALL_TOTAL_PRICE", width: 130, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "MATERIAL_COST_GOAL_RATE", width: 90, hozAlign: "right" },
+        { title: "발주금액", field: "NEW_TOTAL_PRICE", width: 120, hozAlign: "right", formatter: "money" },
+        { title: "재발주금액", field: "ALL_TOTAL_PRICE_RE", width: 120, hozAlign: "right", formatter: "money" },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cost/material", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year, project_no: projectNo, customer_objid: customerObjid,
+        product, pm_user_id: pmUserId,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">투입원가관리 - 재료비관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cost/status/page.tsx b/src/app/(main)/cost/status/page.tsx
new file mode 100644
index 0000000..96d61bc
--- /dev/null
+++ b/src/app/(main)/cost/status/page.tsx
@@ -0,0 +1,155 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// costMgmt/costTotaltList.jsp 대응 - 투입원가관리 현황
+export default function CostStatusPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selected, setSelected] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left", frozen: true },
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "고객사", field: "CUSTOMER_NAME", width: 140, hozAlign: "left" },
+        { title: "프로젝트명", field: "PROJECT_NAME", width: 180, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 100, hozAlign: "left" },
+        { title: "PM", field: "PM_USER_NAME", width: 80, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "투입원가현황",
+      columns: [
+        { title: "수주가", field: "CONTRACT_PRICE", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "목표가", field: "TOTAL_COST_GOAL", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "실투입원가", field: "TOTAL_COST_ACTUAL", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "TOTAL_INPUT_RATE", width: 80, hozAlign: "right" },
+        { title: "MC율(%)", field: "MC_RATE", width: 80, hozAlign: "right" },
+      ],
+    },
+    {
+      title: "재료비현황",
+      columns: [
+        { title: "목표가", field: "MATERIAL_COST_GOAL", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "발생재료비", field: "ACCRUAL_MATERIAL_COST", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "MATERIAL_COST_GOAL_RATE", width: 90, hozAlign: "right" },
+      ],
+    },
+    {
+      title: "노무비현황",
+      columns: [
+        { title: "목표가", field: "LABOR_COST_GOAL", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "발생노무비", field: "LABOR_COST_ACTUAL", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "LABOR_INPUT_RATE", width: 90, hozAlign: "right" },
+      ],
+    },
+    {
+      title: "경비현황",
+      columns: [
+        { title: "목표가", field: "EXPENSE_COST_GOAL", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "발생경비", field: "ACCRUAL_EXPENSE", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "투입율(%)", field: "EXPENSE_RATE", width: 90, hozAlign: "right" },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cost/status", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year, project_no: projectNo, customer_objid: customerObjid,
+        product, pm_user_id: pmUserId,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  // 팝업 저장 후 새로고침
+  useEffect(() => {
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchData;
+    return () => { delete (window as unknown as { fn_search?: () => void }).fn_search; };
+  }, [fetchData]);
+
+  const openGoalPopup = () => {
+    if (selected.length === 0) {
+      Swal.fire({ icon: "warning", title: "선택된 내용이 없습니다." });
+      return;
+    }
+    if (selected.length > 1) {
+      Swal.fire({ icon: "warning", title: "한번에 1개의 내용만 등록 가능합니다." });
+      return;
+    }
+    const contractObjid = String(selected[0].OBJID || "");
+    const w = 500;
+    const h = 350;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/cost/goal/form?contractObjid=${encodeURIComponent(contractObjid)}`,
+      "costGoalForm",
+      `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`
+    );
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">투입원가관리 현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={openGoalPopup}>목표가 등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelected}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cs/chart/page.tsx b/src/app/(main)/cs/chart/page.tsx
new file mode 100644
index 0000000..a65c97a
--- /dev/null
+++ b/src/app/(main)/cs/chart/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// csMgmt/csChartList.jsp 대응 - CS 차트관리
+export default function CsChartPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [productCode, setProductCode] = useState("");
+  const [chartData, setChartData] = useState<Record<string, unknown>[]>([]);
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cs/chart", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        product_code: productCode,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setChartData(json.RESULTLIST || []);
+    }
+  }, [year, productCode]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">CS 차트관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={productCode} onChange={setProductCode} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <div className="bg-white rounded-lg border border-gray-200 p-6" style={{ height: "calc(100vh - 350px)" }}>
+        {chartData.length > 0 ? (
+          <div className="text-center text-gray-500">
+            {/* TODO: Chart rendering - integrate with chart library */}
+            <p className="text-sm">차트 데이터 {chartData.length}건 로드됨</p>
+            <p className="text-xs text-gray-400 mt-2">차트 라이브러리 연동 후 표시됩니다.</p>
+          </div>
+        ) : (
+          <div className="flex items-center justify-center h-full text-gray-400">
+            조회 버튼을 클릭하여 차트 데이터를 로드하세요.
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/cs/manage/page.tsx b/src/app/(main)/cs/manage/page.tsx
new file mode 100644
index 0000000..e21f854
--- /dev/null
+++ b/src/app/(main)/cs/manage/page.tsx
@@ -0,0 +1,277 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import { ApprovalButton } from "@/components/approval/ApprovalButton";
+import { ApprovalStatusBadge } from "@/components/approval/ApprovalStatusBadge";
+import Swal from "sweetalert2";
+
+// asMngList_CS.jsp 대응 - CS등록 및 조치
+export default function CsManagePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [productCd, setProductCd] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [warranty, setWarranty] = useState("");
+  const [recStartDate, setRecStartDate] = useState("");
+  const [recEndDate, setRecEndDate] = useState("");
+  const [managerId, setManagerId] = useState("");
+  const [actStartDate, setActStartDate] = useState("");
+  const [actEndDate, setActEndDate] = useState("");
+  const [apprStatus, setApprStatus] = useState("");
+
+  const [projectOpts, setProjectOpts] = useState<{ value: string; label: string }[]>([]);
+  const [userOpts, setUserOpts] = useState<{ value: string; label: string }[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) =>
+        setProjectOpts(
+          (j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+          }))
+        )
+      )
+      .catch(() => setProjectOpts([]));
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) =>
+        setUserOpts(
+          (j.RESULTLIST || []).map((u: Record<string, unknown>) => ({
+            value: String(u.USER_ID),
+            label: `${u.USER_NAME || u.USER_ID}${u.DEPT_NAME ? ` (${u.DEPT_NAME})` : ""}`,
+          }))
+        )
+      )
+      .catch(() => setUserOpts([]));
+  }, []);
+
+  const openFormPopup = (objId = "") => {
+    const w = 1400, h = 930;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/cs/manage/form${objId ? `?objId=${objId}` : ""}`,
+      "asMngFormPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openFileRegist = (objId: string) => {
+    const w = 800, h = 500;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=AS_DOC_01&docTypeName=${encodeURIComponent("CS 조치내역 첨부파일")}`,
+      "fileAS_DOC_01",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openApprovalDetail = (approvalObjId: string) => {
+    if (!approvalObjId) return;
+    const w = 900, h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/approval/form?objId=${approvalObjId}`,
+      "approvalDetailPopup",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "접수 No.", field: "SERVICE_NO", width: 110, hozAlign: "left",
+      cellClick: (row) => openFormPopup(String(row.OBJID || "")),
+    },
+    { title: "제품구분(기계형식)", field: "PRODUCT_NAME", width: 140, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 130, hozAlign: "left" },
+    { title: "출고일자", field: "RELEASE_DATE", width: 100, hozAlign: "center" },
+    { title: "셋업지", field: "SETUP", width: 120, hozAlign: "left" },
+    { title: "유무상", field: "WARRANTY_NAME", width: 80, hozAlign: "left" },
+    { title: "CS구분", field: "CATEGORY_NAME", width: 100, hozAlign: "left" },
+    { title: "유형", field: "CATEGORY_H_NAME", width: 100, hozAlign: "left" },
+    { title: "제목", field: "TITLE", width: 200, hozAlign: "left" },
+    { title: "접수일", field: "REC_DT", width: 100, hozAlign: "center" },
+    { title: "예상발생비용", field: "PLAN_COST", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "등록자", field: "MANAGER_NAME", width: 90, hozAlign: "left" },
+    { title: "조치완료일", field: "ACT_DATE", width: 110, hozAlign: "center" },
+    {
+      title: "첨부파일", field: "CU03_CNT", width: 80, hozAlign: "center",
+      formatter: (cell, row) => (
+        <FolderCell
+          count={Number(cell) || 0}
+          onClick={() => openFileRegist(String(row.OBJID || ""))}
+        />
+      ),
+    },
+    {
+      title: "상태", field: "APPR_STATUS_NAME", width: 100, hozAlign: "center",
+      formatter: (_, row) => {
+        const apv = String(row.APPROVAL_OBJID || "");
+        return (
+          <ApprovalStatusBadge
+            status={row.APPR_STATUS_NAME || row.APPR_STATUS}
+            onClick={apv ? () => openApprovalDetail(apv) : undefined}
+          />
+        );
+      },
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/cs/manage", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          Year: year,
+          product_cd: productCd,
+          project_no: projectNo,
+          warranty,
+          rec_start_date: recStartDate,
+          rec_end_date: recEndDate,
+          manager_id: managerId,
+          act_start_date: actStartDate,
+          act_end_date: actEndDate,
+          appr_status: apprStatus,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [year, productCd, projectNo, warranty, recStartDate, recEndDate, managerId, actStartDate, actEndDate, apprStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "삭제할 항목을 선택하세요.", "warning");
+      return;
+    }
+    const result = await Swal.fire({
+      title: "삭제 확인",
+      text: `선택한 ${selectedRows.length}건을 삭제하시겠습니까?`,
+      icon: "question", showCancelButton: true,
+      confirmButtonText: "삭제", cancelButtonText: "취소",
+    });
+    if (!result.isConfirmed) return;
+    const res = await fetch("/api/cs/manage/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((r) => String(r.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message || "삭제되었습니다.", timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "삭제 실패", "error");
+    }
+  };
+
+  // 단건만 결재 허용 + 이미 진행/완료건 필터
+  const approvalRow = selectedRows.length === 1 ? selectedRows[0] : null;
+  const approvalStatus = String(approvalRow?.APPR_STATUS_NAME || "");
+  const canRequestApproval =
+    !!approvalRow && approvalStatus !== "결재중" && approvalStatus !== "결재완료";
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">CS관리_CS등록 및 조회</h2>
+        <div className="flex gap-2">
+          <ApprovalButton
+            objIds={approvalRow ? [String(approvalRow.OBJID)] : []}
+            targetType="CSM"
+            title={approvalRow ? `CS조치내역서 상신 - ${approvalRow.TITLE || approvalRow.SERVICE_NO || ""}` : ""}
+            description={approvalRow ? String(approvalRow.TITLE || "") : ""}
+            onSuccess={fetchData}
+            disabled={!canRequestApproval}
+          />
+          <Button size="sm" onClick={() => openFormPopup("")}>등록</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[110px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={productCd} onChange={setProductCd} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projectOpts} value={projectNo} onChange={setProjectNo} className="w-[220px]" />
+        </SearchField>
+        <SearchField label="유/무상">
+          <SearchableCodeSelect codeId="0000156" value={warranty} onChange={setWarranty} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="접수일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={recStartDate} onChange={(e) => setRecStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-gray-400">~</span>
+            <Input type="date" value={recEndDate} onChange={(e) => setRecEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="조치담당자">
+          <SearchableSelect options={userOpts} value={managerId} onChange={setManagerId} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="조치완료일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={actStartDate} onChange={(e) => setActStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-gray-400">~</span>
+            <Input type="date" value={actEndDate} onChange={(e) => setActEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="상태">
+          <select
+            value={apprStatus}
+            onChange={(e) => setApprStatus(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            <option value="inProcess">결재중</option>
+            <option value="reject">반려</option>
+            <option value="complete">결재완료</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+        loading={loading}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cs/page.tsx b/src/app/(main)/cs/page.tsx
new file mode 100644
index 0000000..95e7fa0
--- /dev/null
+++ b/src/app/(main)/cs/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// customerMng/customerServiceList.jsp 대응 - CS관리
+export default function CsPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [customerName, setCustomerName] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "접수번호", field: "CS_NO", width: 120,
+      cellClick: (row) => window.open(`/cs/manage/form?objId=${row.OBJID}`, "csDetail", "width=900,height=700") },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+    { title: "제품명", field: "PRODUCT_NAME", width: 150, hozAlign: "left" },
+    { title: "접수일", field: "RECEIPT_DATE", width: 100, hozAlign: "center" },
+    { title: "유형", field: "CS_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "내용", field: "DESCRIPTION", hozAlign: "left" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "담당자", field: "CHARGER_NAME", width: 90, hozAlign: "center" },
+    { title: "완료일", field: "COMPLETE_DATE", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/cs", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, customer_name: customerName }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, customerName]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">CS 관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/cs/manage/form", "csForm", "width=900,height=700")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <Input value={customerName} onChange={(e) => setCustomerName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+      </SearchForm>
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/cs/status/page.tsx b/src/app/(main)/cs/status/page.tsx
new file mode 100644
index 0000000..26a7e48
--- /dev/null
+++ b/src/app/(main)/cs/status/page.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+
+interface DynColumn {
+  GROUP_SEQ: number;
+  GROUP_CNT: number;
+  GROUP_NAME: string;
+  PARENT_CODE_ID: string;
+  CODE_ID: string;
+  NAME: string;
+  COL_NAME: string;
+}
+
+// asList_CS.jsp 대응 - CS관리_현황 (제품×프로젝트 대시보드)
+export default function CsStatusPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [productCd, setProductCd] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [warranty, setWarranty] = useState("");
+  const [csCategory, setCsCategory] = useState("");
+  const [categoryH, setCategoryH] = useState("");
+
+  const [projectOpts, setProjectOpts] = useState<{ value: string; label: string }[]>([]);
+  const [categoryHOpts, setCategoryHOpts] = useState<{ value: string; label: string }[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [dynColumns, setDynColumns] = useState<DynColumn[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) =>
+        setProjectOpts(
+          (j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+          }))
+        )
+      )
+      .catch(() => setProjectOpts([]));
+  }, []);
+
+  // cs_category(0000970) 선택 시 유형(category_h) 옵션 로드
+  useEffect(() => {
+    if (!csCategory) {
+      setCategoryHOpts([]);
+      setCategoryH("");
+      return;
+    }
+    fetch("/api/common/code-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: csCategory }),
+    })
+      .then((r) => r.json())
+      .then((j) =>
+        setCategoryHOpts(
+          (j.data || []).map((r: Record<string, unknown>) => ({
+            value: String(r.code_id || r.CODE_ID),
+            label: String(r.code_name || r.CODE_NAME),
+          }))
+        )
+      )
+      .catch(() => setCategoryHOpts([]));
+  }, [csCategory]);
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/cs/status", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          Year: year,
+          product_cd: productCd,
+          project_no: projectNo,
+          warranty,
+          cs_category: csCategory,
+          category_h: categoryH,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+        setDynColumns(json.COLUMN_LIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [year, productCd, projectNo, warranty, csCategory, categoryH]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const columns: GridColumn[] = useMemo(() => {
+    // 동적 컬럼 → GROUP_NAME(2nd-level 부모코드명) 기준으로 묶고, leaf는 NAME 사용
+    const groupMap = new Map<string, DynColumn[]>();
+    const groupOrder: string[] = [];
+    dynColumns.forEach((c) => {
+      const key = `${c.PARENT_CODE_ID}::${c.GROUP_NAME}`;
+      if (!groupMap.has(key)) {
+        groupMap.set(key, []);
+        groupOrder.push(key);
+      }
+      groupMap.get(key)!.push(c);
+    });
+
+    const dynGroupColumns: GridColumn[] = groupOrder.map((key) => {
+      const group = groupMap.get(key)!;
+      return {
+        title: group[0].GROUP_NAME || "유형",
+        columns: group.map((c) => ({
+          title: c.NAME,
+          field: c.COL_NAME,
+          width: 90,
+          hozAlign: "right",
+          headerHozAlign: "center",
+          formatter: "money",
+        })),
+      };
+    });
+
+    // 유형 최상위 묶음 (있을 때만)
+    const categoryWrapper: GridColumn[] = dynGroupColumns.length
+      ? [{ title: "유형", columns: dynGroupColumns }]
+      : [];
+
+    return [
+      { title: "제품구분", field: "PRODUCT_NAME", width: 140, hozAlign: "left" },
+      { title: "프로젝트번호", field: "PROJECT_NO", width: 130, hozAlign: "left" },
+      {
+        title: "유상",
+        columns: [
+          { title: "건수", field: "WARRANTY1", width: 80, hozAlign: "right", headerHozAlign: "center", formatter: "money" },
+          { title: "발생비용", field: "COST1", width: 110, hozAlign: "right", headerHozAlign: "center", formatter: "money" },
+        ],
+      },
+      {
+        title: "무상",
+        columns: [
+          { title: "건수", field: "WARRANTY2", width: 80, hozAlign: "right", headerHozAlign: "center", formatter: "money" },
+          { title: "발생비용", field: "COST2", width: 110, hozAlign: "right", headerHozAlign: "center", formatter: "money" },
+        ],
+      },
+      ...categoryWrapper,
+    ];
+  }, [dynColumns]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">CS관리_현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[110px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={productCd} onChange={setProductCd} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projectOpts} value={projectNo} onChange={setProjectNo} className="w-[220px]" />
+        </SearchField>
+        <SearchField label="유/무상">
+          <SearchableCodeSelect codeId="0000156" value={warranty} onChange={setWarranty} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="CS구분">
+          <SearchableCodeSelect codeId="0000970" value={csCategory} onChange={setCsCategory} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="유형">
+          <SearchableSelect options={categoryHOpts} value={categoryH} onChange={setCategoryH} className="w-[150px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/dashboard/page.tsx b/src/app/(main)/dashboard/page.tsx
new file mode 100644
index 0000000..245f471
--- /dev/null
+++ b/src/app/(main)/dashboard/page.tsx
@@ -0,0 +1,576 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import {
+  PieChart, Pie, Cell, Tooltip, ResponsiveContainer, Legend,
+  ComposedChart, Bar, Line, XAxis, YAxis, CartesianGrid,
+} from "recharts";
+import { useAuthStore } from "@/store/auth-store";
+import { useMenuStore } from "@/store/menu-store";
+import { numberWithCommas } from "@/lib/utils";
+import { Button } from "@/components/ui/button";
+import {
+  FolderKanban, AlertCircle,
+  TrendingUp, BarChart3, Briefcase,
+} from "lucide-react";
+
+interface YearGoalRow {
+  YEAR: string;
+  CONTRACT_CNT_YEAR_IN?: number;
+  CONTRACT_CNT_YEAR_OUT?: number;
+  CONTRACT_CNT_YEAR_RATE?: number;
+  CONTRACT_COST_YEAR?: string | number;
+  PRICE?: string | number;
+  GOAL_RATE?: number;
+  YEAR_GOAL_OBJID?: string;
+}
+
+interface DashboardData {
+  projectStats: {
+    CNT_TOTAL?: number; CNT_NOPLAN?: number; CNT_ING?: number;
+    CNT_DELAY?: number; CNT_END?: number;
+    ISSUE_TOTAL?: number; ISSUE_MISS?: number;
+  };
+  productDist: { CODE: string; NAME: string; CNT: number }[];
+  supplyDist: { CODE: string; NAME: string; CNT: number }[];
+  monthlyContract: { MONTH: number; AMOUNT: string }[];
+  projectList: Record<string, unknown>[];
+  yearGoalInfo: YearGoalRow[];
+}
+
+type Tab = "sales" | "project";
+
+const PIE_COLORS = ["#3b82f6", "#22c55e", "#a855f7", "#f97316", "#ef4444", "#14b8a6", "#eab308"];
+
+export default function DashboardPage() {
+  const { user } = useAuthStore();
+  const { topMenus, fetchSideMenus } = useMenuStore();
+  const [data, setData] = useState<DashboardData | null>(null);
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [tab, setTab] = useState<Tab>("sales");
+
+  useEffect(() => {
+    if (topMenus.length > 0) {
+      const userMenu = topMenus.find((m) => m.MENU_NAME_KOR !== "관리자") || topMenus[0];
+      fetchSideMenus(userMenu.OBJID);
+    }
+  }, [topMenus, fetchSideMenus]);
+
+  useEffect(() => {
+    fetch("/api/dashboard", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year }),
+    })
+      .then((r) => r.ok ? r.json() : null)
+      .then((d) => setData(d))
+      .catch(() => {});
+  }, [year]);
+
+  return (
+    <div className="flex flex-col h-[calc(100vh-120px)]">
+      {/* 헤더 */}
+      <div className="flex items-center justify-between mb-6 shrink-0">
+        <h1 className="text-xl font-bold text-gray-800">
+          Dashboard
+          <span className="text-sm font-normal text-gray-400 ml-2">
+            {user?.userName}님, 환영합니다.
+          </span>
+        </h1>
+        <div className="flex items-center gap-3">
+          {/* 탭 */}
+          <div className="inline-flex bg-gray-100 rounded-lg p-1">
+            <TabButton active={tab === "sales"} onClick={() => setTab("sales")} icon={TrendingUp} label="영업" />
+            <TabButton active={tab === "project"} onClick={() => setTab("project")} icon={Briefcase} label="프로젝트" />
+          </div>
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}년</option>
+            ))}
+          </select>
+        </div>
+      </div>
+
+      {/* 탭 내용 — 남은 공간 가득 채움 */}
+      <div className="flex-1 min-h-0">
+        {tab === "sales" ? (
+          <SalesTab data={data} year={year} />
+        ) : (
+          <ProjectTab data={data} year={year} />
+        )}
+      </div>
+    </div>
+  );
+}
+
+function TabButton({ active, onClick, icon: Icon, label }: {
+  active: boolean; onClick: () => void; icon: React.ElementType; label: string;
+}) {
+  return (
+    <button
+      onClick={onClick}
+      className={`flex items-center gap-2 px-4 py-1.5 rounded-md text-sm font-medium transition-colors ${
+        active ? "bg-white text-primary shadow-sm" : "text-gray-500 hover:text-gray-700"
+      }`}
+    >
+      <Icon size={15} />
+      {label}
+    </button>
+  );
+}
+
+function SalesTab({ data, year }: { data: DashboardData | null; year: string }) {
+  const openGoalPopup = () => {
+    const w = 700, h = 500;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/sales/year-goal?year=${year}`, "yearGoalPopup",
+      `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  return (
+    <div className="flex flex-col gap-4 h-full min-h-0">
+      {/* 상단: 영업현황 표 (고정 높이) */}
+      <YearGoalTable info={data?.yearGoalInfo || []} onOpenGoal={openGoalPopup} />
+
+      {/* 하단: 3분할 — 제품별 pie / 고객사별 pie / 년도별 combo (남은 공간 가득) */}
+      <div className="grid grid-cols-3 gap-4 flex-1 min-h-0">
+        <PieCard title="■ 제품별현황" data={data?.productDist || []} />
+        <PieCard title="■ 고객사별현황" data={data?.supplyDist || []} />
+        <YearSalesComboChart info={data?.yearGoalInfo || []} />
+      </div>
+    </div>
+  );
+}
+
+function YearGoalTable({ info, onOpenGoal }: { info: YearGoalRow[]; onOpenGoal: () => void }) {
+  return (
+    <div className="bg-white rounded-xl border border-gray-200 p-4 shadow-sm shrink-0">
+      <div className="flex items-center justify-between mb-3">
+        <h3 className="text-sm font-semibold text-gray-700 flex items-center gap-2">
+          <TrendingUp size={16} className="text-primary" />
+          영업현황
+        </h3>
+        <Button size="sm" onClick={onOpenGoal}>영업목표 등록</Button>
+      </div>
+      <table className="w-full text-xs border-collapse">
+        <thead>
+          <tr className="bg-gray-600 text-white">
+            <th rowSpan={2} className="border border-gray-300 px-2 py-1 font-semibold">년도</th>
+            <th colSpan={2} className="border border-gray-300 px-2 py-1 font-semibold">수주현황(건수)</th>
+            <th rowSpan={2} className="border border-gray-300 px-2 py-1 font-semibold">수주율(%)</th>
+            <th rowSpan={2} className="border border-gray-300 px-2 py-1 font-semibold">예상매출(억원)</th>
+            <th rowSpan={2} className="border border-gray-300 px-2 py-1 font-semibold">영업목표(억원)</th>
+            <th rowSpan={2} className="border border-gray-300 px-2 py-1 font-semibold">달성율(%)</th>
+          </tr>
+          <tr className="bg-gray-600 text-white">
+            <th className="border border-gray-300 px-2 py-1 font-semibold">국내</th>
+            <th className="border border-gray-300 px-2 py-1 font-semibold">해외</th>
+          </tr>
+        </thead>
+        <tbody>
+          {info.length === 0 ? (
+            <tr><td colSpan={7} className="text-center py-4 text-gray-400">데이터가 없습니다.</td></tr>
+          ) : info.map((row, idx) => (
+            <tr key={idx} className="hover:bg-gray-50">
+              <td className="border border-gray-200 px-2 py-1.5 text-center font-medium">{row.YEAR}</td>
+              <td className="border border-gray-200 px-2 py-1.5 text-center">{row.CONTRACT_CNT_YEAR_IN ?? 0}</td>
+              <td className="border border-gray-200 px-2 py-1.5 text-center">{row.CONTRACT_CNT_YEAR_OUT ?? 0}</td>
+              <td className="border border-gray-200 px-2 py-1.5 text-center">{row.CONTRACT_CNT_YEAR_RATE ?? 0}</td>
+              <td className="border border-gray-200 px-2 py-1.5 text-center">{numberWithCommas(Number(row.CONTRACT_COST_YEAR ?? 0))}</td>
+              <td className="border border-gray-200 px-2 py-1.5 text-center">{numberWithCommas(Number(row.PRICE ?? 0))}</td>
+              <td className="border border-gray-200 px-2 py-1.5 text-center">{row.GOAL_RATE ?? 0}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}
+
+function PieCard({ title, data }: { title: string; data: { CODE: string; NAME: string; CNT: number }[] }) {
+  const chartData = data.map((d, i) => ({
+    name: d.NAME || `코드 ${d.CODE}`,
+    value: d.CNT,
+    color: PIE_COLORS[i % PIE_COLORS.length],
+  }));
+  const total = chartData.reduce((s, d) => s + d.value, 0);
+
+  return (
+    <div className="bg-white rounded-xl border border-gray-200 p-5 shadow-sm flex flex-col min-h-0">
+      <h3 className="text-sm font-semibold text-gray-700 mb-3 shrink-0">{title}</h3>
+      {total === 0 ? (
+        <div className="flex-1 flex items-center justify-center text-sm text-gray-400">데이터가 없습니다.</div>
+      ) : (
+        <div className="flex-1 min-h-0">
+          <ResponsiveContainer width="100%" height="100%">
+            <PieChart>
+              <Pie
+                data={chartData}
+                dataKey="value"
+                nameKey="name"
+                cx="50%"
+                cy="50%"
+                outerRadius="75%"
+                label={({ percent }: { percent?: number }) =>
+                  percent != null && percent >= 0.05 ? `${Math.round(percent * 100)}%` : ""
+                }
+                labelLine={false}
+              >
+                {chartData.map((entry, index) => (
+                  <Cell key={`cell-${index}`} fill={entry.color} />
+                ))}
+              </Pie>
+              <Tooltip formatter={(v) => `${v}건`} />
+              <Legend
+                verticalAlign="bottom"
+                align="center"
+                iconSize={10}
+                wrapperStyle={{ fontSize: "11px" }}
+              />
+            </PieChart>
+          </ResponsiveContainer>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function YearSalesComboChart({ info }: { info: YearGoalRow[] }) {
+  // 과거→현재 순서
+  const chartData = [...info]
+    .sort((a, b) => Number(a.YEAR) - Number(b.YEAR))
+    .map((r) => ({
+      YEAR: r.YEAR,
+      영업목표: Number(r.PRICE || 0),
+      수주금액: Number(r.CONTRACT_COST_YEAR || 0),
+      달성율: Number(r.GOAL_RATE || 0),
+    }));
+
+  return (
+    <div className="bg-white rounded-xl border border-gray-200 p-5 shadow-sm flex flex-col min-h-0">
+      <h3 className="text-sm font-semibold text-gray-700 mb-3 shrink-0">■ 년도별 영업현황</h3>
+      <div className="flex-1 min-h-0">
+        <ResponsiveContainer width="100%" height="100%">
+          <ComposedChart data={chartData} margin={{ top: 5, right: 10, left: 0, bottom: 5 }}>
+            <CartesianGrid strokeDasharray="3 3" stroke="#f1f1f1" />
+            <XAxis dataKey="YEAR" tick={{ fontSize: 11 }} />
+            <YAxis yAxisId="left" tick={{ fontSize: 10 }} />
+            <YAxis yAxisId="right" orientation="right" tick={{ fontSize: 10 }} unit="%" />
+            <Tooltip
+              formatter={(v, name) =>
+                name === "달성율" ? `${v}%` : `${numberWithCommas(Number(v))}억`
+              }
+            />
+            <Legend wrapperStyle={{ fontSize: "11px" }} iconSize={10} />
+            <Bar yAxisId="left" dataKey="영업목표" fill="#3b82f6" barSize={20} />
+            <Bar yAxisId="left" dataKey="수주금액" fill="#ef4444" barSize={20} />
+            <Line yAxisId="right" type="monotone" dataKey="달성율" stroke="#f97316" strokeWidth={2}
+              dot={{ r: 5, fill: "#f97316", stroke: "#fff", strokeWidth: 2 }} />
+          </ComposedChart>
+        </ResponsiveContainer>
+      </div>
+    </div>
+  );
+}
+
+type StatusFilter = "all" | "noplan" | "ing" | "delay" | "end";
+
+const FILTER_LABELS: Record<StatusFilter, string> = {
+  all: "전체",
+  noplan: "계획미수립",
+  ing: "진행중",
+  delay: "지연",
+  end: "종료",
+};
+
+function ProjectTab({ data, year }: { data: DashboardData | null; year: string }) {
+  const stats = data?.projectStats || {};
+  const allProjects = (data?.projectList || []) as Record<string, unknown>[];
+  const [statusFilter, setStatusFilter] = useState<StatusFilter>("all");
+  const [projectFilter, setProjectFilter] = useState<string>("");
+  const [selectedIdx, setSelectedIdx] = useState(0);
+
+  const projectList = allProjects.filter((p) => {
+    const s = String(p.STATUS_TITLE || "");
+    if (statusFilter !== "all") {
+      if (statusFilter === "noplan" && s !== "계획미수립") return false;
+      if (statusFilter === "ing" && s !== "진행중") return false;
+      if (statusFilter === "delay" && s !== "지연") return false;
+      if (statusFilter === "end" && s !== "종료") return false;
+    }
+    if (projectFilter && String(p.OBJID) !== projectFilter) return false;
+    return true;
+  });
+  const selected = projectList[selectedIdx] || projectList[0];
+
+  const toggleFilter = (f: StatusFilter) => {
+    setSelectedIdx(0);
+    setStatusFilter((cur) => (cur === f ? "all" : f));
+  };
+
+  const openProjectSchedule = () => {
+    // 프로젝트 일정 전체 보기 → 프로젝트 관리 > 종합현황 페이지로 이동
+    window.location.href = `/project/total?year=${year}`;
+  };
+
+  return (
+    <div className="flex flex-col gap-5 h-full">
+      {/* 상단 프로젝트현황 카드 — 원본 스타일 (5개 숫자 가로 + 컨트롤) */}
+      <div className="bg-white rounded-xl border border-gray-200 p-5 shadow-sm shrink-0">
+        <div className="flex items-center justify-between mb-3">
+          <h3 className="text-sm font-semibold text-gray-700 flex items-center gap-2">
+            <FolderKanban size={16} className="text-primary" />
+            프로젝트현황
+          </h3>
+          <Button size="sm" onClick={openProjectSchedule}>프로젝트 일정 전체 보기</Button>
+        </div>
+        <div className="flex items-start gap-4">
+          {/* 좌측: 년도/프로젝트번호 셀렉트 */}
+          <div className="flex flex-col gap-2 min-w-[240px] pr-4 border-r border-gray-100">
+            <div className="flex items-center gap-2">
+              <label className="text-xs text-gray-500 w-20">년도</label>
+              <div className="flex-1 text-sm font-medium">{year}</div>
+            </div>
+            <div className="flex items-center gap-2">
+              <label className="text-xs text-gray-500 w-20">프로젝트번호</label>
+              <select value={projectFilter} onChange={(e) => setProjectFilter(e.target.value)}
+                className="flex-1 h-8 rounded border border-gray-300 bg-white px-2 text-xs">
+                <option value="">선택</option>
+                {allProjects.map((p) => (
+                  <option key={String(p.OBJID)} value={String(p.OBJID)}>{String(p.PROJECT_NO || "")}</option>
+                ))}
+              </select>
+            </div>
+          </div>
+          {/* 우측: 5개 숫자 가로 배치 */}
+          <div className="flex-1 grid grid-cols-5 gap-2">
+            <CountBadge label="전체" value={Number(stats.CNT_TOTAL || 0)} color="blue"
+              active={statusFilter === "all"} onClick={() => setStatusFilter("all")} />
+            <CountBadge label="계획미수립" value={Number(stats.CNT_NOPLAN || 0)} color="blue"
+              active={statusFilter === "noplan"} onClick={() => toggleFilter("noplan")} />
+            <CountBadge label="진행중" value={Number(stats.CNT_ING || 0)} color="blue"
+              active={statusFilter === "ing"} onClick={() => toggleFilter("ing")} />
+            <CountBadge label="지연" value={Number(stats.CNT_DELAY || 0)} color="red"
+              active={statusFilter === "delay"} onClick={() => toggleFilter("delay")} />
+            <CountBadge label="종료" value={Number(stats.CNT_END || 0)} color="blue"
+              active={statusFilter === "end"} onClick={() => toggleFilter("end")} />
+          </div>
+        </div>
+      </div>
+
+      {/* 프로젝트 리스트 — 전체 너비, 원본 10컬럼 구조 */}
+      <div className="flex-1 bg-white rounded-xl border border-gray-200 p-4 flex flex-col min-h-0 shadow-sm">
+        <h3 className="text-sm font-semibold text-gray-700 mb-3 shrink-0 flex items-center gap-2">
+          <FolderKanban size={16} className="text-primary" />
+          프로젝트 리스트 {statusFilter !== "all" && (
+            <span className="text-xs font-normal text-primary">[{FILTER_LABELS[statusFilter]}]</span>
+          )} · 총 {projectList.length}건
+          {statusFilter !== "all" && (
+            <button onClick={() => setStatusFilter("all")}
+              className="ml-auto text-[10px] text-gray-400 hover:text-gray-700">
+              필터 해제 ×
+            </button>
+          )}
+        </h3>
+        <div className="flex-1 overflow-auto min-h-0 border border-gray-100 rounded">
+          <table className="w-full text-sm border-collapse">
+            <thead className="sticky top-0 bg-gray-600 text-white z-10">
+              <tr>
+                <th className="px-2 py-2 font-semibold text-xs w-12">선택</th>
+                <th className="px-2 py-2 font-semibold text-xs">고객사</th>
+                <th className="px-2 py-2 font-semibold text-xs">제품구분</th>
+                <th className="px-2 py-2 font-semibold text-xs">프로젝트번호</th>
+                <th className="px-2 py-2 font-semibold text-xs">납기일</th>
+                <th className="px-2 py-2 font-semibold text-xs">셋업지</th>
+                <th className="px-2 py-2 font-semibold text-xs">제작공장</th>
+                <th className="px-2 py-2 font-semibold text-xs">진척율(%)</th>
+                <th className="px-2 py-2 font-semibold text-xs">셋업완료일</th>
+                <th className="px-2 py-2 font-semibold text-xs">상태</th>
+              </tr>
+            </thead>
+            <tbody>
+              {projectList.length === 0 ? (
+                <tr><td colSpan={10} className="text-center py-10 text-gray-400">데이터가 없습니다.</td></tr>
+              ) : projectList.map((pjt, idx) => {
+                const statusTitle = String(pjt.STATUS_TITLE || "");
+                const statusColor =
+                  statusTitle === "종료" ? "text-green-600" :
+                  statusTitle === "지연" ? "text-red-500" :
+                  statusTitle === "계획미수립" ? "text-gray-500" :
+                  "text-blue-600";
+                const isSelected = idx === selectedIdx;
+                return (
+                  <tr key={idx}
+                    className={`border-b border-gray-100 cursor-pointer ${isSelected ? "bg-primary/10" : "hover:bg-gray-50"}`}
+                    onClick={() => setSelectedIdx(idx)}>
+                    <td className="px-2 py-2 text-center">
+                      <input type="radio" checked={isSelected} onChange={() => setSelectedIdx(idx)} className="pointer-events-none" />
+                    </td>
+                    <td className="px-2 py-2 text-center text-xs">{String(pjt.CUSTOMER_NAME || "")}</td>
+                    <td className="px-2 py-2 text-center text-xs">{String(pjt.PRODUCT_NAME || "")}</td>
+                    <td className="px-2 py-2 text-center">
+                      <span className="inline-block px-2 py-0.5 bg-gray-700 text-white rounded text-[11px]">{String(pjt.PROJECT_NO || "")}</span>
+                    </td>
+                    <td className="px-2 py-2 text-center text-xs">{String(pjt.CONTRACT_DEL_DATE || "-")}</td>
+                    <td className="px-2 py-2 text-center text-xs">{String(pjt.SETUP || "")}</td>
+                    <td className="px-2 py-2 text-center text-xs">{String(pjt.MANUFACTURE_PLANT_NAME || "")}</td>
+                    <td className="px-2 py-2 text-right text-xs">{Number(pjt.SETUP_RATE || 0).toFixed(1)}</td>
+                    <td className="px-2 py-2 text-center text-xs">{String(pjt.SETUP_DONE_DATE || "")}</td>
+                    <td className={`px-2 py-2 text-center text-xs font-semibold ${statusColor}`}>{statusTitle}</td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      {/* 선택된 프로젝트 상세 (이슈 + 투입원가) */}
+      <div className="shrink-0">
+        <ProjectDetailPanel project={selected} />
+      </div>
+    </div>
+  );
+}
+
+function ProjectDetailPanel({ project }: { project: Record<string, unknown> | undefined }) {
+  if (!project) {
+    return (
+      <div className="flex-1 bg-white rounded-xl border border-gray-200 p-10 flex items-center justify-center shadow-sm">
+        <div className="text-sm text-gray-400">프로젝트를 선택하세요</div>
+      </div>
+    );
+  }
+
+  const issueTotal = Number(project.ISSUE_CNT || 0);
+  const issueDone = Number(project.ISSUE_DONE_CNT || 0);
+  const issueMiss = Number(project.ISSUE_MISS_CNT || 0);
+  const issueRate = issueTotal > 0 ? Math.round((issueDone / issueTotal) * 100) : 0;
+
+  // 투입원가 항목별 (원본 dashboard.jsp fn_getProjectCostStatusList 이식)
+  const contractPrice = Number(project.CONTRACT_PRICE || 0);
+  const materialGoal = Number(project.MATERIAL_COST_GOAL || 0);
+  const materialActual = Number(project.ACCRUAL_MATERIAL_COST || 0);
+  const laborGoal = Number(project.LABOR_COST_GOAL || 0);
+  const laborActual = Number(project.LABOR_COST_ACTUAL || 0);
+  const expenseGoal = Number(project.EXPENSE_COST_GOAL || 0);
+  const expenseActual = Number(project.ACCRUAL_EXPENSE || 0);
+  const totalGoalBase = materialGoal + laborGoal + expenseGoal;
+  const totalActualBase = materialActual + laborActual + expenseActual;
+  // 관리비 = 전체의 10%
+  const mgmtGoal = Math.round(totalGoalBase * 0.1);
+  const mgmtActual = Math.round(totalActualBase * 0.1);
+  const totalGoal = totalGoalBase + mgmtGoal;
+  const totalActual = totalActualBase + mgmtActual;
+  // 각 항목 투입율(%) — 재료비는 수주가 기준, 나머지는 목표 기준 (원본 로직)
+  const materialRate = contractPrice > 0 ? Math.round((materialActual / contractPrice) * 1000) / 10 : 0;
+  const laborRate = laborGoal > 0 ? Math.round((laborActual / laborGoal) * 1000) / 10 : 0;
+  const expenseRate = expenseGoal > 0 ? Math.round((expenseActual / expenseGoal) * 1000) / 10 : 0;
+  const mgmtRate = mgmtGoal > 0 ? Math.round((mgmtActual / mgmtGoal) * 1000) / 10 : 0;
+  const totalRateCost = totalGoal > 0 ? Math.round((totalActual / totalGoal) * 1000) / 10 : 0;
+
+  return (
+    <>
+      {/* 이슈 + 투입원가 2분할 (가로 배치) */}
+      <div className="grid grid-cols-2 gap-4">
+        {/* 이슈 (Quality) */}
+        <div className="bg-white rounded-xl border border-gray-200 p-5 flex flex-col shadow-sm">
+          <h3 className="text-sm font-semibold text-gray-700 mb-4 flex items-center gap-2 shrink-0">
+            <AlertCircle size={16} className="text-red-500" />
+            이슈 (Quality)
+          </h3>
+          <div className="flex-1 grid grid-cols-2 gap-3 content-center">
+            <MiniStat label="발생" value={issueTotal} color="text-gray-800" />
+            <MiniStat label="조치" value={issueDone} color="text-green-600" />
+            <MiniStat label="미결" value={issueMiss} color="text-red-500" />
+            <MiniStat label="조치율" value={`${issueRate}%`} color="text-primary" />
+          </div>
+        </div>
+
+        {/* 투입원가현황 — 원본 dashboard.jsp 5행 테이블 */}
+        <div className="bg-white rounded-xl border border-gray-200 p-5 flex flex-col shadow-sm">
+          <h3 className="text-sm font-semibold text-gray-700 mb-4 flex items-center gap-2 shrink-0">
+            <BarChart3 size={16} className="text-primary" />
+            투입원가현황
+          </h3>
+          <div className="flex-1 overflow-auto">
+            <table className="w-full text-xs border-collapse">
+              <thead>
+                <tr className="bg-gray-600 text-white">
+                  <th className="border border-gray-300 px-2 py-1.5 font-semibold">수주가(원)</th>
+                  <th className="border border-gray-300 px-2 py-1.5 font-semibold">항목</th>
+                  <th className="border border-gray-300 px-2 py-1.5 font-semibold">목표원가(원)</th>
+                  <th className="border border-gray-300 px-2 py-1.5 font-semibold">투입원가(원)</th>
+                  <th className="border border-gray-300 px-2 py-1.5 font-semibold">투입율(%)</th>
+                </tr>
+              </thead>
+              <tbody className="text-gray-700">
+                <tr>
+                  <td rowSpan={5} className="border border-gray-300 px-2 py-2 text-right align-middle">{numberWithCommas(contractPrice)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-center">재료비</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(materialGoal)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(materialActual)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{materialRate}</td>
+                </tr>
+                <tr>
+                  <td className="border border-gray-300 px-2 py-1.5 text-center">노무비</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(laborGoal)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(laborActual)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{laborRate}</td>
+                </tr>
+                <tr>
+                  <td className="border border-gray-300 px-2 py-1.5 text-center">경비</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(expenseGoal)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(expenseActual)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{expenseRate}</td>
+                </tr>
+                <tr>
+                  <td className="border border-gray-300 px-2 py-1.5 text-center">관리비</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(mgmtGoal)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{numberWithCommas(mgmtActual)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right">{mgmtRate}</td>
+                </tr>
+                <tr style={{ backgroundColor: "#efb3b3" }}>
+                  <td className="border border-gray-300 px-2 py-1.5 text-center font-semibold">계</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right font-semibold">{numberWithCommas(totalGoal)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right font-semibold">{numberWithCommas(totalActual)}</td>
+                  <td className="border border-gray-300 px-2 py-1.5 text-right font-semibold">{totalRateCost}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+function MiniStat({ label, value, color }: { label: string; value: number | string; color: string }) {
+  return (
+    <div className="bg-gray-50 rounded-lg p-4 text-center">
+      <div className="text-xs text-gray-500 mb-1">{label}</div>
+      <div className={`text-2xl font-bold ${color}`}>{value}</div>
+    </div>
+  );
+}
+
+function CountBadge({ label, value, color, active, onClick }: {
+  label: string; value: number; color: "blue" | "red";
+  active?: boolean; onClick?: () => void;
+}) {
+  const numColor = value > 0 ? (color === "red" ? "text-red-500" : "text-blue-600") : "text-gray-300";
+  const bg = active ? (color === "red" ? "bg-red-50" : "bg-blue-50") : "hover:bg-gray-50";
+  return (
+    <button type="button" onClick={onClick}
+      className={`flex flex-col items-center justify-center rounded-lg py-2 transition-colors ${bg}`}>
+      <div className={`text-3xl font-bold ${numColor}`}>{numberWithCommas(value)}</div>
+      <div className="text-xs text-gray-500 mt-0.5">({label})</div>
+    </button>
+  );
+}
+
diff --git a/src/app/(main)/delivery/acceptance/page.tsx b/src/app/(main)/delivery/acceptance/page.tsx
new file mode 100644
index 0000000..2bfaf03
--- /dev/null
+++ b/src/app/(main)/delivery/acceptance/page.tsx
@@ -0,0 +1,352 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: purchaseOrder/deliveryMngAcceptanceList.jsp
+// 입고관리 > 입고결과등록
+export default function AcceptancePage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState("");
+  const [customerProjectName, setCustomerProjectName] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [purchaseOrderNo, setPurchaseOrderNo] = useState("");
+  const [type, setType] = useState("");
+  const [searchPartSpec, setSearchPartSpec] = useState("");
+  const [partnerObjid, setPartnerObjid] = useState("");
+  const [salesMngUserId, setSalesMngUserId] = useState("");
+  const [deliveryStartDate, setDeliveryStartDate] = useState("");
+  const [deliveryEndDate, setDeliveryEndDate] = useState("");
+  const [regStartDate, setRegStartDate] = useState("");
+  const [regEndDate, setRegEndDate] = useState("");
+  const [deliveryStatus, setDeliveryStatus] = useState("");
+  const [searchPartName, setSearchPartName] = useState("");
+  const [searchPartNo, setSearchPartNo] = useState("");
+  const [poClientId, setPoClientId] = useState("");
+
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/supply", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: "{}",
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/admin/users", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: "{}",
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, []);
+
+  // 발주서 상세 팝업 열기 (발주번호 셀 클릭)
+  const openOrderForm = (objId: string) => {
+    const w = 1460;
+    const h = 1050;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/order/list/form?objId=${objId}&action=view`,
+      `orderForm_${objId}`,
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  // 입고결과 팝업 (view) — 입고결과 셀 클릭
+  const openAcceptanceViewPopup = (objId: string, status: string) => {
+    const w = 1560;
+    const h = 1050;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/delivery/acceptance/form?objId=${objId}&delivery_status=${encodeURIComponent(status)}`,
+      "deliveryAcceptancePopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const columns: GridColumn[] = [
+    { title: "고객사", field: "CUSTOMER_NAME", width: 110, hozAlign: "left" },
+    { title: "프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 150, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_NAME", width: 200, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 100, hozAlign: "center" },
+    {
+      title: "발주번호",
+      field: "PURCHASE_ORDER_NO",
+      width: 100,
+      hozAlign: "center",
+      cellClick: (row) => openOrderForm(String(row.OBJID || "")),
+    },
+    { title: "동시", field: "MULTI_YN_MAKED", width: 50, hozAlign: "center" },
+    { title: "발주서_제목", field: "TITLE", width: 150, hozAlign: "left" },
+    { title: "입고요청일", field: "DELIVERY_DATE", width: 85, hozAlign: "center" },
+    { title: "구매/제작업체명", field: "PARTNER_NAME", width: 120, hozAlign: "left" },
+    { title: "구매담당", field: "SALES_MNG_USER_NAME", width: 78, hozAlign: "center" },
+    { title: "발주일", field: "REGDATE", width: 78, hozAlign: "center" },
+    { title: "발주수량", field: "TOTAL_PO_QTY", width: 78, hozAlign: "right", formatter: "money" },
+    { title: "입고일", field: "CUR_DELIVERY_DATE", width: 78, hozAlign: "center" },
+    { title: "입고자", field: "CUR_RECEIVER_NAME", width: 70, hozAlign: "center" },
+    { title: "입고수량", field: "TOTAL_DELIVERY_QTY", width: 75, hozAlign: "right", formatter: "money" },
+    { title: "미입고수량", field: "NON_DELIVERY_QTY", width: 85, hozAlign: "right", formatter: "money" },
+    {
+      title: "입고결과",
+      field: "DELIVERY_STATUS",
+      width: 75,
+      hozAlign: "center",
+      cellClick: (row) =>
+        openAcceptanceViewPopup(String(row.OBJID || ""), String(row.DELIVERY_STATUS || "")),
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/delivery/acceptance", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        customer_project_name: customerProjectName,
+        project_nos: projectNo ? [projectNo] : [],
+        unit_code: unitCode,
+        purchase_order_no: purchaseOrderNo,
+        type,
+        SEARCH_PART_SPEC: searchPartSpec,
+        partner_objid: partnerObjid,
+        sales_mng_user_ids: salesMngUserId ? [salesMngUserId] : [],
+        delivery_start_date: deliveryStartDate,
+        delivery_end_date: deliveryEndDate,
+        reg_start_date: regStartDate,
+        reg_end_date: regEndDate,
+        delivery_status: deliveryStatus,
+        SEARCH_PART_NAME: searchPartName,
+        SEARCH_PART_NO: searchPartNo,
+        po_client_id: poClientId,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [
+    year, customerProjectName, projectNo, unitCode, purchaseOrderNo, type,
+    searchPartSpec, partnerObjid, salesMngUserId, deliveryStartDate, deliveryEndDate,
+    regStartDate, regEndDate, deliveryStatus, searchPartName, searchPartNo, poClientId,
+  ]);
+
+  // 입고결과등록: 원본 가드 로직 동일
+  //  - 미선택: "선택된 데이터가 없습니다."
+  //  - 2건이상: "한건씩 등록 가능합니다."
+  //  - MULTI_YN='Y' AND MULTI_MASTER_YN='N': "동시발주건은 마스터건으로 수입검사해야 합니다."
+  const handleAcceptanceRegister = () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 데이터가 없습니다.", "warning");
+      return;
+    }
+    if (selectedRows.length > 1) {
+      Swal.fire("알림", "한건씩 등록 가능합니다.", "warning");
+      return;
+    }
+    const row = selectedRows[0];
+    const multiYn = String(row.MULTI_YN || "");
+    const multiMasterYn = String(row.MULTI_MASTER_YN || "");
+    if (multiYn === "Y" && multiMasterYn === "N") {
+      Swal.fire("알림", "동시발주건은 마스터건으로 수입검사해야 합니다.", "warning");
+      return;
+    }
+    const w = 1560;
+    const h = 1050;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/delivery/acceptance/form?objId=${row.OBJID}&action=regist`,
+      "deliveryAcceptancePopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  // 부적합등록: 원본 가드 로직 동일
+  //  - 미선택/복수선택 체크 + MULTI_MASTER_YN='N': "동시발주건은 마스터건으로 부적합 등록해야 합니다."
+  const handleDefectRegister = () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 데이터가 없습니다.", "warning");
+      return;
+    }
+    if (selectedRows.length > 1) {
+      Swal.fire("알림", "한건씩 등록 가능합니다.", "warning");
+      return;
+    }
+    const row = selectedRows[0];
+    const multiMasterYn = String(row.MULTI_MASTER_YN || "");
+    if (multiMasterYn === "N") {
+      Swal.fire("알림", "동시발주건은 마스터건으로 부적합 등록해야 합니다.", "warning");
+      return;
+    }
+    const w = 1260;
+    const h = 1050;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/delivery/defect/form?objId=${row.OBJID}`,
+      "InvalidFormPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  useEffect(() => {
+    fetchData();
+    // 최초 1회만
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">입고관리_입고결과등록</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" onClick={handleAcceptanceRegister}>입고결과등록</Button>
+          <Button size="sm" variant="secondary" onClick={handleDefectRegister}>부적합등록</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트명">
+          <Input value={customerProjectName} onChange={(e) => setCustomerProjectName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" placeholder="프로젝트 OBJID" />
+        </SearchField>
+        <SearchField label="유닛명">
+          <Input value={unitCode} onChange={(e) => setUnitCode(e.target.value)} className="w-[130px]" placeholder="유닛 OBJID" />
+        </SearchField>
+        <SearchField label="발주No.">
+          <Input value={purchaseOrderNo} onChange={(e) => setPurchaseOrderNo(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="부품구분">
+          <SearchableCodeSelect codeId="0001068" value={type} onChange={setType} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="규격">
+          <Input value={searchPartSpec} onChange={(e) => setSearchPartSpec(e.target.value)} className="w-[120px]" />
+        </SearchField>
+
+        <SearchField label="공급업체">
+          <SearchableSelect options={supplyOptions} value={partnerObjid} onChange={setPartnerObjid} className="w-[170px]" />
+        </SearchField>
+        <SearchField label="구매담당자">
+          <SearchableSelect options={userOptions} value={salesMngUserId} onChange={setSalesMngUserId} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="입고요청일">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={deliveryStartDate}
+              onChange={(e) => setDeliveryStartDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={deliveryEndDate}
+              onChange={(e) => setDeliveryEndDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="발주일">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={regStartDate}
+              onChange={(e) => setRegStartDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={regEndDate}
+              onChange={(e) => setRegEndDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="입고결과">
+          <select
+            value={deliveryStatus}
+            onChange={(e) => setDeliveryStatus(e.target.value)}
+            className="h-9 w-[110px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            <option value="입고중">입고중</option>
+            <option value="입고완료">입고완료</option>
+            <option value="지연">지연</option>
+          </select>
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={searchPartName} onChange={(e) => setSearchPartName(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="품번">
+          <Input value={searchPartNo} onChange={(e) => setSearchPartNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+
+        <SearchField label="발주처">
+          <SearchableSelect options={supplyOptions} value={poClientId} onChange={setPoClientId} className="w-[170px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/delivery/defect/page.tsx b/src/app/(main)/delivery/defect/page.tsx
new file mode 100644
index 0000000..d3e4329
--- /dev/null
+++ b/src/app/(main)/delivery/defect/page.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+// 입고관리 > 부적합리스트
+export default function DefectPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [customerCd, setCustomerCd] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [partnerObjid, setPartnerObjid] = useState("");
+  const [defectType, setDefectType] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "부적합번호", field: "DEFECT_NO", width: 130, hozAlign: "left",
+      cellClick: (row) => {
+        window.open(`/delivery/defect/form?objId=${row.OBJID}`, "defectForm", "width=1000,height=800");
+      },
+    },
+    { title: "발주No", field: "PURCHASE_ORDER_NO", width: 140, hozAlign: "left" },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 130, hozAlign: "left" },
+    { title: "공급업체", field: "PARTNER_NAME", width: 150, hozAlign: "left" },
+    { title: "Part No", field: "PART_NO", width: 120, hozAlign: "left" },
+    { title: "품명", field: "PART_NAME", width: 150, hozAlign: "left" },
+    { title: "부적합유형", field: "DEFECT_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "부적합수량", field: "DEFECT_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "부적합내용", field: "DEFECT_CONTENT", width: 250, hozAlign: "left" },
+    { title: "처리상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "등록일", field: "REG_DATE", width: 100, hozAlign: "center" },
+    { title: "등록자", field: "REG_USER_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/delivery/defect", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        customer_cd: customerCd,
+        project_no: projectNo,
+        partner_objid: partnerObjid,
+        defect_type: defectType,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, customerCd, projectNo, partnerObjid, defectType]);
+
+  const handleExcelDownload = () => {
+    Swal.fire("알림", "Excel 다운로드 기능은 준비 중입니다.", "info");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">부적합리스트</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerCd} onChange={setCustomerCd} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} placeholder="프로젝트번호" className="w-[150px]" />
+        </SearchField>
+        <SearchField label="공급업체">
+          <CodeSelect codeId="PARTNER" value={partnerObjid} onChange={setPartnerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="부적합유형">
+          <CodeSelect codeId="DEFECT_TYPE" value={defectType} onChange={setDefectType} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/delivery/price/page.tsx b/src/app/(main)/delivery/price/page.tsx
new file mode 100644
index 0000000..7a461a3
--- /dev/null
+++ b/src/app/(main)/delivery/price/page.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+// 입고관리 > 단가관리
+export default function PricePage() {
+  const [partnerObjid, setPartnerObjid] = useState("");
+  const [partName, setPartName] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "공급업체", field: "PARTNER_NAME", width: 180, hozAlign: "left" },
+    { title: "Part No", field: "PART_NO", width: 120, hozAlign: "left" },
+    { title: "품명", field: "PART_NAME", width: 150, hozAlign: "left" },
+    { title: "규격", field: "SPEC", width: 150, hozAlign: "left" },
+    { title: "재질", field: "MATERIAL", width: 100, hozAlign: "left" },
+    { title: "단위", field: "UNIT_NAME", width: 60, hozAlign: "center" },
+    { title: "단가", field: "UNIT_PRICE", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "적용시작일", field: "START_DATE", width: 100, hozAlign: "center" },
+    { title: "적용종료일", field: "END_DATE", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REG_DATE", width: 100, hozAlign: "center" },
+    { title: "비고", field: "REMARK", width: 200, hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/delivery/price", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        partner_objid: partnerObjid,
+        part_name: partName,
+        part_no: partNo,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [partnerObjid, partName, partNo]);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "삭제할 항목을 선택하세요.", "warning");
+      return;
+    }
+    const result = await Swal.fire({
+      title: "삭제 확인",
+      text: `선택한 ${selectedRows.length}건을 삭제하시겠습니까?`,
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "삭제",
+      cancelButtonText: "취소",
+    });
+    if (result.isConfirmed) {
+      Swal.fire("완료", "삭제되었습니다.", "success");
+      fetchData();
+    }
+  };
+
+  const handleExcelDownload = () => {
+    Swal.fire("알림", "Excel 다운로드 기능은 준비 중입니다.", "info");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">단가관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => {/* TODO: open register form */}}>등록</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="공급업체">
+          <CodeSelect codeId="PARTNER" value={partnerObjid} onChange={setPartnerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="Part No">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} placeholder="Part No" className="w-[150px]" />
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} placeholder="품명" className="w-[150px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/delivery/status/page.tsx b/src/app/(main)/delivery/status/page.tsx
new file mode 100644
index 0000000..0d2a0a8
--- /dev/null
+++ b/src/app/(main)/delivery/status/page.tsx
@@ -0,0 +1,196 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: purchaseOrder/deliveryMngStatus.jsp
+// 입고관리 > 현황 — 프로젝트 BOM별 발주/입고/부적합 집계 리포트
+export default function DeliveryStatusPage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [projectNo, setProjectNo] = useState(""); // 단일 project objid
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const [customerOptions, setCustomerOptions] = useState<Option[]>([]);
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+
+  useEffect(() => {
+    fetch("/api/common/supply-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: "{}",
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setCustomerOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/common/project-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: "{}",
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setProjectOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.LABEL || r.PROJECT_NO || r.CUSTOMER_PROJECT_NAME || r.OBJID),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, []);
+
+  // 구매BOM 팝업
+  const openBomPopup = (bomReportObjId: string) => {
+    if (!bomReportObjId) return;
+    const w = 1600;
+    const h = 900;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/bom/form?parentObjId=${bomReportObjId}&actType=view`,
+      `bomReport_${bomReportObjId}`,
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      headerHozAlign: "center",
+      frozen: true,
+      columns: [
+        { title: "고객사", field: "CUSTOMER_NAME", width: 110, hozAlign: "left" },
+        { title: "프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 140, hozAlign: "left" },
+        { title: "유닛명", field: "UNIT_PART_NAME", width: 200, hozAlign: "left" },
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 100, hozAlign: "left" },
+      ],
+    },
+    {
+      title: "발주내역",
+      headerHozAlign: "center",
+      columns: [
+        {
+          title: "구매BOM",
+          field: "TOTAL_BOM_PART_CNT",
+          width: 80,
+          hozAlign: "center",
+          cellClick: (row) => openBomPopup(String(row.BOM_REPORT_OBJID || "")),
+          formatter: (cell) => (Number(cell) > 0 ? "조회" : "-"),
+        },
+        { title: "전체품목수", field: "TOTAL_BOM_PART_CNT", width: 100, hozAlign: "right", formatter: "money" },
+        { title: "발주품목수", field: "TOTAL_PO_PART_CNT", width: 100, hozAlign: "right", formatter: "money" },
+        { title: "발주율(%)", field: "PO_RATE", width: 90, hozAlign: "right" },
+        { title: "미발주품수", field: "NON_PO_PART_CNT", width: 90, hozAlign: "right", formatter: "money" },
+        { title: "총수량", field: "TOTAL_BOM_PART_QTY_SUM", width: 90, hozAlign: "right", formatter: "money" },
+      ],
+    },
+    {
+      title: "입고현황",
+      headerHozAlign: "center",
+      columns: [
+        { title: "발주수량(신)", field: "TOTAL_PO_NEW_QTY", width: 95, hozAlign: "right", formatter: "money" },
+        { title: "발주수량(재)", field: "TOTAL_PO_RE_QTY", width: 95, hozAlign: "right", formatter: "money" },
+        { title: "입고수량", field: "DELIVERY_QTY", width: 90, hozAlign: "right", formatter: "money" },
+        { title: "미입고수량", field: "NON_DELIVERY_QTY", width: 90, hozAlign: "right", formatter: "money" },
+      ],
+    },
+    {
+      title: "수입검사결과(불량현황)",
+      headerHozAlign: "center",
+      columns: [
+        { title: "부적합수량", field: "TOTAL_DEFECT_QTY", width: 90, hozAlign: "right", formatter: "money" },
+        { title: "불량률(%)", field: "DELIVERY_RATE", width: 90, hozAlign: "right" },
+        { title: "설계오류", field: "DEFECT_QTY_1", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "제작불량", field: "DEFECT_QTY_2", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "구매오류", field: "DEFECT_QTY_3", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "오품반입", field: "DEFECT_QTY_4", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "손실비용", field: "TOTAL_DEFECT_PRICE", width: 90, hozAlign: "right", formatter: "money" },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/delivery/status", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        Year: year,
+        customer_objid: customerObjid,
+        project_nos: projectNo ? [projectNo] : [],
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [year, customerObjid, projectNo]);
+
+  useEffect(() => {
+    fetchData();
+    // 최초 1회만
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">입고관리_현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <SearchableSelect
+            options={customerOptions}
+            value={customerObjid}
+            onChange={setCustomerObjid}
+            className="w-[180px]"
+          />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect
+            options={projectOptions}
+            value={projectNo}
+            onChange={setProjectNo}
+            className="w-[240px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/fund/expense-form/page.tsx b/src/app/(main)/fund/expense-form/page.tsx
new file mode 100644
index 0000000..05c0f05
--- /dev/null
+++ b/src/app/(main)/fund/expense-form/page.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import { ApprovalButton } from "@/components/approval/ApprovalButton";
+
+// fundMgmt/fundExpenseFormList.jsp 대응 - 경비신청서관리
+export default function FundExpenseFormPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [writerName, setWriterName] = useState("");
+  const [statusCode, setStatusCode] = useState("");
+  const [expenseDateFrom, setExpenseDateFrom] = useState("");
+  const [expenseDateTo, setExpenseDateTo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "신청번호", field: "EXPENSE_FORM_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/fund/expense-form/form?objId=${row.OBJID}`, "expenseFormDetail", "width=1000,height=700") },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "프로젝트명", field: "PROJECT_NAME", width: 200, hozAlign: "left" },
+    { title: "신청자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+    { title: "신청일", field: "EXPENSE_DATE", width: 100, hozAlign: "center" },
+    { title: "경비구분", field: "EXPENSE_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "신청금액", field: "EXPENSE_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "사용처", field: "EXPENSE_PLACE", width: 150, hozAlign: "left" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/fund/expense-form", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        writer_name: writerName,
+        status_code: statusCode,
+        expense_date_from: expenseDateFrom,
+        expense_date_to: expenseDateTo,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, writerName, statusCode, expenseDateFrom, expenseDateTo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">경비신청서관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/fund/expense-form/form", "expenseFormNew", "width=1000,height=700")}>등록</Button>
+          <ApprovalButton
+            objIds={selectedRows.map((r) => String(r.OBJID))}
+            targetType="EXPENSE_APPLY"
+            title={`경비 결재 요청 (${selectedRows.length}건)`}
+            description={selectedRows.map((r) => `${r.EXPENSE_ID} - ${r.BUS_TITLE}`).join("\n")}
+            onSuccess={fetchData}
+            disabled={selectedRows.length === 0}
+          />
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="신청자">
+          <Input value={writerName} onChange={(e) => setWriterName(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <CodeSelect codeId="EXPENSE_STATUS" value={statusCode} onChange={setStatusCode} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="신청일(From)">
+          <Input type="date" value={expenseDateFrom} onChange={(e) => setExpenseDateFrom(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="신청일(To)">
+          <Input type="date" value={expenseDateTo} onChange={(e) => setExpenseDateTo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} showCheckbox
+        onSelectionChange={setSelectedRows} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/fund/invoice/page.tsx b/src/app/(main)/fund/invoice/page.tsx
new file mode 100644
index 0000000..0bab97b
--- /dev/null
+++ b/src/app/(main)/fund/invoice/page.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// fundMgmt/fundInvoiceList.jsp 대응 - 거래명세서관리
+export default function FundInvoicePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [customerName, setCustomerName] = useState("");
+  const [invoiceDateFrom, setInvoiceDateFrom] = useState("");
+  const [invoiceDateTo, setInvoiceDateTo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "거래명세서번호", field: "INVOICE_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/fund/invoice/form?objId=${row.OBJID}`, "invoiceDetail", "width=1000,height=700") },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "프로젝트명", field: "PROJECT_NAME", width: 200, hozAlign: "left" },
+    { title: "발행일", field: "INVOICE_DATE", width: 100, hozAlign: "center" },
+    { title: "공급가액", field: "SUPPLY_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "세액", field: "TAX_AMOUNT", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "합계", field: "TOTAL_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/fund/invoice", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        customer_name: customerName,
+        invoice_date_from: invoiceDateFrom,
+        invoice_date_to: invoiceDateTo,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, customerName, invoiceDateFrom, invoiceDateTo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">거래명세서관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/fund/invoice/form", "invoiceForm", "width=1000,height=700")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <Input value={customerName} onChange={(e) => setCustomerName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="발행일(From)">
+          <Input type="date" value={invoiceDateFrom} onChange={(e) => setInvoiceDateFrom(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="발행일(To)">
+          <Input type="date" value={invoiceDateTo} onChange={(e) => setInvoiceDateTo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/inventory/fund/page.tsx b/src/app/(main)/inventory/fund/page.tsx
new file mode 100644
index 0000000..78c810b
--- /dev/null
+++ b/src/app/(main)/inventory/fund/page.tsx
@@ -0,0 +1,101 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+// 자재관리 > 자금관리
+export default function FundPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [month, setMonth] = useState("");
+  const [partnerObjid, setPartnerObjid] = useState("");
+  const [paymentStatus, setPaymentStatus] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "공급업체", field: "PARTNER_NAME", width: 180, hozAlign: "left" },
+    { title: "발주금액", field: "ORDER_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "입고금액", field: "DELIVERY_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "지급예정금액", field: "PAYMENT_PLAN_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "지급완료금액", field: "PAYMENT_DONE_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "미지급금액", field: "UNPAID_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "지급예정일", field: "PAYMENT_PLAN_DATE", width: 100, hozAlign: "center" },
+    { title: "지급상태", field: "PAYMENT_STATUS_NAME", width: 90, hozAlign: "center" },
+    { title: "비고", field: "REMARK", width: 200, hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/inventory/fund", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        month,
+        partner_objid: partnerObjid,
+        payment_status: paymentStatus,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, month, partnerObjid, paymentStatus]);
+
+  const handleExcelDownload = () => {
+    Swal.fire("알림", "Excel 다운로드 기능은 준비 중입니다.", "info");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">자금관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="월">
+          <select value={month} onChange={(e) => setMonth(e.target.value)}
+            className="h-9 w-[80px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">전체</option>
+            {Array.from({ length: 12 }, (_, i) => i + 1).map((m) => (
+              <option key={m} value={String(m).padStart(2, "0")}>{m}월</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="공급업체">
+          <CodeSelect codeId="PARTNER" value={partnerObjid} onChange={setPartnerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="지급상태">
+          <CodeSelect codeId="PAYMENT_STATUS" value={paymentStatus} onChange={setPaymentStatus} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/inventory/history/page.tsx b/src/app/(main)/inventory/history/page.tsx
new file mode 100644
index 0000000..3a2c0a2
--- /dev/null
+++ b/src/app/(main)/inventory/history/page.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { useSearchParams } from "next/navigation";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { Button } from "@/components/ui/button";
+
+// 재고 입출고 이력 팝업
+export default function InventoryHistoryPage() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const fetchData = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/inventory/history", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ parent_objid: objId }),
+    });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [objId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const columns: GridColumn[] = [
+    { title: "유형", field: "TYPE", width: 80, hozAlign: "center" },
+    { title: "수량", field: "QTY", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "일자", field: "HIST_DATE", width: 110, hozAlign: "center" },
+    { title: "위치", field: "LOCATION_NAME", width: 100, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 90, hozAlign: "center" },
+    { title: "비고", field: "REMARK", hozAlign: "left" },
+  ];
+
+  return (
+    <div className="p-4">
+      <h2 className="text-lg font-bold text-gray-800 mb-3">재고 입출고 이력</h2>
+      <DataGrid columns={columns} data={data} />
+      <div className="flex justify-end mt-3">
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/inventory/list/page.tsx b/src/app/(main)/inventory/list/page.tsx
new file mode 100644
index 0000000..764662c
--- /dev/null
+++ b/src/app/(main)/inventory/list/page.tsx
@@ -0,0 +1,407 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+// 자재관리 > 자재리스트 (원본 /inventoryMng/inventoryMngNewList.do)
+export default function InventoryListPage() {
+  const [projectNos, setProjectNos] = useState<string[]>([]);
+  const [unitCode, setUnitCode] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [partType, setPartType] = useState("");
+  const [location, setLocation] = useState("");
+
+  const [projectOptions, setProjectOptions] = useState<{ value: string; label: string }[]>([]);
+  const [unitOptions, setUnitOptions] = useState<{ value: string; label: string }[]>([]);
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  // 프로젝트 옵션 로드
+  useEffect(() => {
+    fetch("/api/common/project-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setProjectOptions(
+          list.map((r) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.LABEL || r.PROJECT_NO || ""),
+          })),
+        );
+      })
+      .catch(() => setProjectOptions([]));
+  }, []);
+
+  // 프로젝트 선택 변경 시 유닛 로드 (단일/다중 모두 대응 — 첫 번째 프로젝트 기준)
+  useEffect(() => {
+    setUnitCode("");
+    if (projectNos.length === 0) {
+      setUnitOptions([]);
+      return;
+    }
+    const first = projectNos[0];
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: first }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setUnitOptions(
+          list.map((r) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.UNIT_NAME || ""),
+          })),
+        );
+      })
+      .catch(() => setUnitOptions([]));
+  }, [projectNos]);
+
+  const openHistoryPopup = useCallback((objId: string) => {
+    const w = 730;
+    const h = 400;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/inventory/request/history?objId=${encodeURIComponent(objId)}`,
+      "inventoryRequestHistoryPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  }, []);
+
+  const columns: GridColumn[] = useMemo(
+    () => [
+      {
+        title: "자재목록",
+        headerHozAlign: "center",
+        columns: [
+          { title: "프로젝트번호", field: "PROJECT_NO", width: 100, hozAlign: "left", headerHozAlign: "center" },
+          { title: "유닛명", field: "UNIT_NAME", width: 200, hozAlign: "left", headerHozAlign: "center" },
+          { title: "품번", field: "PART_NO", width: 180, hozAlign: "left", headerHozAlign: "center" },
+          { title: "품명", field: "PART_NAME", width: 180, hozAlign: "left", headerHozAlign: "center" },
+          { title: "재질", field: "MATERIAL", width: 180, hozAlign: "left", headerHozAlign: "center" },
+          { title: "사양(규격)", field: "SPEC", width: 200, hozAlign: "left", headerHozAlign: "center" },
+          { title: "PART구분", field: "PART_TYPE_NAME", width: 120, hozAlign: "center", headerHozAlign: "center" },
+          { title: "보유수량", field: "USE_CNT", width: 100, hozAlign: "center", headerHozAlign: "center", formatter: "money" },
+          { title: "보유수량(전체)", field: "USE_CNT_ALL", width: 120, hozAlign: "center", headerHozAlign: "center", formatter: "money" },
+          { title: "Location", field: "LOCATION_NAME", width: 120, hozAlign: "left", headerHozAlign: "center" },
+        ],
+      },
+      {
+        title: "불출이력",
+        headerHozAlign: "center",
+        columns: [
+          {
+            title: "불출이력",
+            field: "REQUEST_QTY",
+            width: 80,
+            hozAlign: "center",
+            headerHozAlign: "center",
+            formatter: (cell, row) => {
+              const v = Number(cell || 0);
+              if (v === 0) return "0";
+              return (
+                <a
+                  href="#"
+                  onClick={(e) => {
+                    e.preventDefault();
+                    openHistoryPopup(String(row.OBJID || ""));
+                  }}
+                  className="text-blue-600 underline"
+                >
+                  {v.toLocaleString()}
+                </a>
+              );
+            },
+          },
+          { title: "비고", field: "REMARK", width: 200, hozAlign: "left", headerHozAlign: "center" },
+        ],
+      },
+    ],
+    [openHistoryPopup],
+  );
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/list", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          project_nos: projectNos.join(","),
+          unit_code: unitCode,
+          part_no: partNo,
+          part_name: partName,
+          part_type: partType,
+          location,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [projectNos, unitCode, partNo, partName, partType, location]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  // 등록 팝업 (inventoryFormPopUp)
+  const handleRegister = () => {
+    const w = 850;
+    const h = 500;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      "/inventory/list/form",
+      "inventoryFormPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  // 자재이동 (materialMoveFormPopUp)
+  const handleMove = () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 데이터가 없습니다.", "warning");
+      return;
+    }
+    for (const r of selectedRows) {
+      if (Number(r.USE_CNT || 0) === 0) {
+        alert("보유수량이 0일 경우 이동이 불가능합니다.");
+        return;
+      }
+    }
+    const checkArr = selectedRows.map((r) => String(r.OBJID)).join(",");
+    const w = 1600;
+    const h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/inventory/move/form?checkArr=${encodeURIComponent(checkArr)}`,
+      "materialMoveFormPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  // 불출의뢰 (materialRequestFormPopUp)
+  const handleRequest = () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 데이터가 없습니다.", "warning");
+      return;
+    }
+    for (const r of selectedRows) {
+      if (Number(r.USE_CNT || 0) === 0) {
+        alert("보유수량이 0일 경우 불출의뢰가 불가능합니다.");
+        return;
+      }
+    }
+    const checkArr = selectedRows.map((r) => String(r.OBJID)).join(",");
+    const w = 1800;
+    const h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/inventory/request/form?checkArr=${encodeURIComponent(checkArr)}`,
+      "inventoryRequestPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">자재관리_자재리스트</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleRegister}>
+            등록
+          </Button>
+          <Button size="sm" variant="secondary" onClick={handleMove}>
+            자재이동
+          </Button>
+          <Button size="sm" variant="secondary" onClick={handleRequest}>
+            불출의뢰
+          </Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>
+            조회
+          </Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="프로젝트번호">
+          <MultiSelect
+            options={projectOptions}
+            value={projectNos}
+            onChange={setProjectNos}
+            placeholder="선택"
+            className="w-[300px]"
+          />
+        </SearchField>
+        <SearchField label="유닛명">
+          <SearchableSelect
+            options={unitOptions}
+            value={unitCode}
+            onChange={setUnitCode}
+            placeholder="선택"
+            className="w-[230px]"
+          />
+        </SearchField>
+        <SearchField label="품번">
+          <Input
+            value={partNo}
+            onChange={(e) => setPartNo(e.target.value)}
+            placeholder="품번"
+            className="w-[150px]"
+          />
+        </SearchField>
+        <SearchField label="품명">
+          <Input
+            value={partName}
+            onChange={(e) => setPartName(e.target.value)}
+            placeholder="품명"
+            className="w-[170px]"
+          />
+        </SearchField>
+        <SearchField label="PART 구분">
+          <SearchableCodeSelect
+            codeId="0000062"
+            value={partType}
+            onChange={setPartType}
+            className="w-[120px]"
+          />
+        </SearchField>
+        <SearchField label="Location">
+          <SearchableCodeSelect
+            codeId="0000262"
+            value={location}
+            onChange={setLocation}
+            className="w-[230px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        loading={loading}
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
+
+// 간단한 다중 선택 — 선택된 라벨을 태그로 표시 + 드롭다운
+function MultiSelect({
+  options,
+  value,
+  onChange,
+  placeholder,
+  className,
+}: {
+  options: { value: string; label: string }[];
+  value: string[];
+  onChange: (v: string[]) => void;
+  placeholder?: string;
+  className?: string;
+}) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+
+  const filtered = options.filter((o) => {
+    if (!search) return true;
+    const s = search.toLowerCase();
+    return o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s);
+  });
+
+  const toggle = (v: string) => {
+    if (value.includes(v)) onChange(value.filter((x) => x !== v));
+    else onChange([...value, v]);
+  };
+
+  const selectedLabels = value
+    .map((v) => options.find((o) => o.value === v)?.label || v)
+    .join(", ");
+
+  return (
+    <div className={`relative ${className || ""}`}>
+      <button
+        type="button"
+        onClick={() => setOpen((p) => !p)}
+        className="h-9 w-full text-left rounded border border-gray-300 bg-white px-2 text-sm truncate pr-6"
+        title={selectedLabels}
+      >
+        {selectedLabels || <span className="text-gray-400">{placeholder || "선택"}</span>}
+      </button>
+      {value.length > 0 && (
+        <button
+          type="button"
+          onClick={() => onChange([])}
+          className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-700 text-sm"
+          tabIndex={-1}
+        >
+          ×
+        </button>
+      )}
+      {open && (
+        <>
+          <div className="fixed inset-0 z-40" onClick={() => setOpen(false)} />
+          <div className="absolute z-50 mt-1 w-full bg-white border border-gray-300 rounded shadow max-h-64 overflow-y-auto">
+            <div className="sticky top-0 bg-white border-b p-1">
+              <input
+                autoFocus
+                type="text"
+                value={search}
+                onChange={(e) => setSearch(e.target.value)}
+                placeholder="검색"
+                className="w-full px-2 py-1 text-sm border rounded"
+              />
+            </div>
+            {filtered.length === 0 ? (
+              <div className="p-2 text-xs text-gray-400 text-center">결과 없음</div>
+            ) : (
+              filtered.map((o) => {
+                const selected = value.includes(o.value);
+                return (
+                  <button
+                    key={o.value}
+                    type="button"
+                    onClick={() => toggle(o.value)}
+                    className={`w-full text-left px-2 py-1.5 text-sm hover:bg-blue-50 flex items-center gap-2 ${
+                      selected ? "bg-blue-50" : ""
+                    }`}
+                  >
+                    <input
+                      type="checkbox"
+                      checked={selected}
+                      readOnly
+                      className="pointer-events-none"
+                    />
+                    <span className="truncate">{o.label}</span>
+                  </button>
+                );
+              })
+            )}
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
diff --git a/src/app/(main)/inventory/page.tsx b/src/app/(main)/inventory/page.tsx
new file mode 100644
index 0000000..a7f401f
--- /dev/null
+++ b/src/app/(main)/inventory/page.tsx
@@ -0,0 +1,125 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { CodeSelect } from "@/components/ui/code-select";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// inventoryMngInputList.jsp 대응 - 재고관리(입고)
+export default function InventoryPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [spec, setSpec] = useState("");
+  const [clsCd, setClsCd] = useState("");
+  const [cauCd, setCauCd] = useState("");
+  const [location, setLocation] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [totalCount, setTotalCount] = useState(0);
+
+  // inventoryMngInputList.jsp columns 대응
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 100, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_NAME", hozAlign: "left" },
+    { title: "파트번호", field: "PART_NO", width: 130, hozAlign: "left" },
+    { title: "파트명", field: "PART_NAME", width: 150, hozAlign: "left" },
+    { title: "규격", field: "SPEC", width: 110, hozAlign: "left" },
+    { title: "업체", field: "MAKER", width: 100, hozAlign: "left" },
+    { title: "재고구분", field: "CLS_CD_NAME", width: 90, hozAlign: "center" },
+    { title: "발생사유", field: "CAU_CD_NAME", width: 100, hozAlign: "center" },
+    { title: "발생수량", field: "QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "위치", field: "LOCATION_NAME", width: 100, hozAlign: "left" },
+    { title: "금액(원)", field: "PRICE", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "등록일", field: "REG_DATE", width: 90, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 90, hozAlign: "center" },
+    { title: "총입고수량", field: "INPUT_QTY", width: 90, hozAlign: "center",
+      cellClick: (row) => openHistoryPopup(String(row.OBJID)) },
+    { title: "최종입고일", field: "INPUT_DATE", width: 90, hozAlign: "center" },
+    { title: "잔여수량", field: "REMAIN_QTY", width: 90, hozAlign: "center",
+      cellClick: (row) => openHistoryPopup(String(row.OBJID)) },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/inventory", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year, project_no: projectNo, part_no: partNo, part_name: partName,
+        spec, cls_cd: clsCd, cau_cd: cauCd, location,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+      setTotalCount(json.TOTAL_CNT || 0);
+    }
+  }, [year, projectNo, partNo, partName, spec, clsCd, cauCd, location]);
+
+  const openHistoryPopup = (objId: string) => {
+    window.open(`/inventory/history?objId=${objId}`, "inventoryHistory", "width=600,height=500");
+  };
+
+  const openInputPopup = () => {
+    window.open("/inventory/input-form", "inventoryInput", "width=850,height=330");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">재고관리 (입고)</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={openInputPopup}>입고등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+
+        <SearchField label="파트번호">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[120px]" />
+        </SearchField>
+
+        <SearchField label="파트명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[120px]" />
+        </SearchField>
+
+        <SearchField label="규격">
+          <Input value={spec} onChange={(e) => setSpec(e.target.value)} className="w-[100px]" />
+        </SearchField>
+
+        <SearchField label="재고구분">
+          <CodeSelect codeId="0001576" value={clsCd} onChange={setClsCd} placeholder="전체" className="w-[120px]" />
+        </SearchField>
+
+        <SearchField label="위치">
+          <CodeSelect codeId="0000262" value={location} onChange={setLocation} placeholder="전체" className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/inventory/request/history/page.tsx b/src/app/(main)/inventory/request/history/page.tsx
new file mode 100644
index 0000000..3055012
--- /dev/null
+++ b/src/app/(main)/inventory/request/history/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { numberWithCommas } from "@/lib/utils";
+
+// 입출고 History 팝업 (원본 /inventoryMng/inventoryRequestHistoryPopUp.do)
+function HistoryPage() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || searchParams.get("partId") || "";
+  const [rows, setRows] = useState<Record<string, unknown>[]>([]);
+
+  const fetchData = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/inventory/request/history", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setRows(json.RESULTLIST || []);
+    }
+  }, [objId]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  const openTarget = (id: string, gubun: string) => {
+    if (gubun === "출고") {
+      const w = 1500;
+      const h = 700;
+      const left = (window.screen.width - w) / 2;
+      const top = (window.screen.height - h) / 2;
+      const params = new URLSearchParams({
+        INVENTORY_REQUEST_MASTER_OBJID: id,
+        action: "view",
+      });
+      window.open(
+        `/inventory/request/detail?${params.toString()}`,
+        "inventoryRequestPopUp",
+        `width=${w},height=${h},left=${left},top=${top}`,
+      );
+    } else if (gubun === "입고") {
+      const w = 1260;
+      const h = 1050;
+      const left = (window.screen.width - w) / 2;
+      const top = (window.screen.height - h) / 2;
+      window.open(
+        `/delivery/acceptance/form?objId=${encodeURIComponent(id)}&actionType=view`,
+        "deliveryAcceptancePopUp",
+        `width=${w},height=${h},left=${left},top=${top}`,
+      );
+    }
+  };
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="mb-2">
+        <h2 className="text-base font-bold">입출고 이력</h2>
+      </div>
+
+      <div className="border border-gray-300 overflow-x-auto max-h-[calc(100vh-120px)]">
+        <table className="w-full text-xs">
+          <thead className="bg-gray-100 text-center sticky top-0">
+            <tr>
+              <th className="border px-2 py-1.5">프로젝트번호</th>
+              <th className="border px-2 py-1.5">품번</th>
+              <th className="border px-2 py-1.5">품명</th>
+              <th className="border px-2 py-1.5">구분</th>
+              <th className="border px-2 py-1.5">입출고수량</th>
+              <th className="border px-2 py-1.5">Location</th>
+              <th className="border px-2 py-1.5">Sub_Location</th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.length === 0 ? (
+              <tr>
+                <td colSpan={7} className="text-center py-4 text-gray-400">
+                  조회된 데이터가 없습니다.
+                </td>
+              </tr>
+            ) : (
+              rows.map((r, i) => {
+                const gubun = String(r.GUBUN || "");
+                const rowObjId = String(r.OBJID || "");
+                return (
+                  <tr key={i} className="border-b">
+                    <td className="border px-2 py-1">{String(r.PROJECT_NO || "")}</td>
+                    <td className="border px-2 py-1">{String(r.PART_NO || "")}</td>
+                    <td className="border px-2 py-1">{String(r.PART_NAME || "")}</td>
+                    <td className="border px-2 py-1 text-center">
+                      {gubun === "입고" || gubun === "출고" ? (
+                        <a
+                          href="#"
+                          onClick={(e) => {
+                            e.preventDefault();
+                            openTarget(rowObjId, gubun);
+                          }}
+                          className="text-blue-600 underline"
+                        >
+                          {gubun}
+                        </a>
+                      ) : (
+                        <span>{gubun}</span>
+                      )}
+                    </td>
+                    <td className="border px-2 py-1 text-right">
+                      {numberWithCommas(String(r.RECEIPT_QTY || ""))}
+                    </td>
+                    <td className="border px-2 py-1">{String(r.LOCATION_NAME || "")}</td>
+                    <td className="border px-2 py-1">{String(r.SUB_LOCATION_NAME || "")}</td>
+                  </tr>
+                );
+              })
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="flex justify-center mt-3 pt-2 border-t">
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <HistoryPage />
+    </Suspense>
+  );
+}
diff --git a/src/app/(main)/inventory/request/page.tsx b/src/app/(main)/inventory/request/page.tsx
new file mode 100644
index 0000000..237fa6b
--- /dev/null
+++ b/src/app/(main)/inventory/request/page.tsx
@@ -0,0 +1,341 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { ExcelDownloadButton } from "@/components/ui/excel-download-button";
+import Swal from "sweetalert2";
+
+// 자재관리 > 불출의뢰서 (원본 /inventoryMng/materialRequestList.do)
+export default function InventoryRequestPage() {
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [requestStartDate, setRequestStartDate] = useState("");
+  const [requestEndDate, setRequestEndDate] = useState("");
+  const [requestUser, setRequestUser] = useState("");
+  const [receptionStatus, setReceptionStatus] = useState("");
+  const [receptionUser, setReceptionUser] = useState("");
+  const [receptionStartDate, setReceptionStartDate] = useState("");
+  const [receptionEndDate, setReceptionEndDate] = useState("");
+  const [outStatus, setOutStatus] = useState("");
+
+  const [userOptions, setUserOptions] = useState<{ value: string; label: string }[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    fetch("/api/admin/users", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setUserOptions(
+          list.map((r) => ({
+            value: String(r.USER_ID || ""),
+            label: String(r.USER_NAME || r.USER_ID || ""),
+          })),
+        );
+      })
+      .catch(() => setUserOptions([]));
+  }, []);
+
+  const openDetailPopup = useCallback(
+    (objId: string, outStatusTitle: string, receptionStatusTitle: string) => {
+      const w = 1800;
+      const h = 700;
+      const left = (window.screen.width - w) / 2;
+      const top = (window.screen.height - h) / 2;
+      const params = new URLSearchParams({
+        INVENTORY_REQUEST_MASTER_OBJID: objId,
+        action: "view",
+        OUTSTATUS: outStatusTitle,
+        RECEPTION_STATUS: receptionStatusTitle,
+      });
+      window.open(
+        `/inventory/request/detail?${params.toString()}`,
+        "inventoryRequestPopUp",
+        `width=${w},height=${h},left=${left},top=${top}`,
+      );
+    },
+    [],
+  );
+
+  const columns: GridColumn[] = useMemo(
+    () => [
+      {
+        title: "자재불출번호",
+        field: "INVENTORY_OUT_NO",
+        width: 140,
+        hozAlign: "left",
+        headerHozAlign: "center",
+        formatter: (cell, row) => (
+          <a
+            href="#"
+            onClick={(e) => {
+              e.preventDefault();
+              openDetailPopup(
+                String(row.OBJID || ""),
+                String(row.OUTSTATUS_TITLE || ""),
+                String(row.RECEPTION_STATUS_TITLE || ""),
+              );
+            }}
+            className="text-blue-600 underline"
+          >
+            {String(cell || "")}
+          </a>
+        ),
+      },
+      { title: "품번", field: "PART_NO_ARR", width: 480, hozAlign: "left", headerHozAlign: "center" },
+      { title: "품명", field: "PART_NAME_ARR", width: 480, hozAlign: "left", headerHozAlign: "center" },
+      { title: "불출의뢰일", field: "REQUEST_DATE", width: 120, hozAlign: "left", headerHozAlign: "center" },
+      { title: "의뢰자", field: "REQUEST_USER_NAME", width: 100, hozAlign: "left", headerHozAlign: "center" },
+      { title: "상태", field: "RECEPTION_STATUS_TITLE", width: 100, hozAlign: "left", headerHozAlign: "center" },
+      { title: "접수자", field: "RECEPTION_USER_NAME", width: 100, hozAlign: "center", headerHozAlign: "center" },
+      { title: "접수일", field: "RECEPTION_DATE", width: 100, hozAlign: "center", headerHozAlign: "center" },
+      { title: "불출상태", field: "OUTSTATUS_TITLE", width: 100, hozAlign: "center", headerHozAlign: "center" },
+    ],
+    [openDetailPopup],
+  );
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/request", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          part_no: partNo,
+          part_name: partName,
+          request_start_date: requestStartDate,
+          request_end_date: requestEndDate,
+          request_user: requestUser,
+          reception_status: receptionStatus,
+          reception_user: receptionUser,
+          reception_start_date: receptionStartDate,
+          reception_end_date: receptionEndDate,
+          out_status: outStatus,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    partNo,
+    partName,
+    requestStartDate,
+    requestEndDate,
+    requestUser,
+    receptionStatus,
+    receptionUser,
+    receptionStartDate,
+    receptionEndDate,
+    outStatus,
+  ]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  // 접수 (미접수만 가능)
+  const handleReceipt = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("선택된 데이터가 없습니다.");
+      return;
+    }
+    const checkedArr = selectedRows
+      .filter((r) => String(r.RECEPTION_STATUS_TITLE) === "미접수")
+      .map((r) => String(r.OBJID));
+    if (checkedArr.length === 0) {
+      Swal.fire("선택된 데이터가 없습니다.");
+      return;
+    }
+    const confirmed = await Swal.fire({
+      title: "선택된 데이터를 접수하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+    });
+    if (!confirmed.isConfirmed) return;
+
+    const res = await fetch("/api/inventory/request/receipt", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ checkArr: checkedArr.join(",") }),
+    });
+    const data = await res.json();
+    Swal.fire(data.message || "접수되었습니다.");
+    if (data.success) fetchData();
+  };
+
+  // 자재불출 (단일 선택, 접수 상태만)
+  const handleAccept = () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("선택된 데이터가 없습니다.");
+      return;
+    }
+    if (selectedRows.length > 1) {
+      Swal.fire("한번에 1개의 내용만 불출가능합니다.");
+      return;
+    }
+    const row = selectedRows[0];
+    const receptionStatusTitle = String(row.RECEPTION_STATUS_TITLE || "");
+    const outStatusTitle = String(row.OUTSTATUS_TITLE || "");
+
+    if (receptionStatusTitle !== "접수") {
+      Swal.fire("접수한 데이터만 불출가능합니다.");
+      return;
+    }
+    if (outStatusTitle === "완료") {
+      Swal.fire("불출완료된 데이터는 불출가능합니다.");
+      return;
+    }
+
+    const w = 1800;
+    const h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    const params = new URLSearchParams({
+      INVENTORY_REQUEST_MASTER_OBJID: String(row.OBJID || ""),
+      OUTSTATUS: outStatusTitle,
+      RECEPTION_STATUS: receptionStatusTitle,
+    });
+    window.open(
+      `/inventory/request/detail?${params.toString()}`,
+      "inventoryRequestPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">자재관리_불출의뢰서</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleAccept}>
+            자재불출
+          </Button>
+          <Button size="sm" variant="secondary" onClick={handleReceipt}>
+            접수
+          </Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>
+            조회
+          </Button>
+          <ExcelDownloadButton data={data} columns={columns} filename="자재관리_불출의뢰서" />
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="품번">
+          <Input
+            value={partNo}
+            onChange={(e) => setPartNo(e.target.value)}
+            placeholder="품번"
+            className="w-[150px]"
+          />
+        </SearchField>
+        <SearchField label="품명">
+          <Input
+            value={partName}
+            onChange={(e) => setPartName(e.target.value)}
+            placeholder="품명"
+            className="w-[150px]"
+          />
+        </SearchField>
+        <SearchField label="불출의뢰일">
+          <div className="flex items-center gap-1">
+            <Input
+              type="date"
+              value={requestStartDate}
+              onChange={(e) => setRequestStartDate(e.target.value)}
+              className="w-[130px]"
+            />
+            <span>~</span>
+            <Input
+              type="date"
+              value={requestEndDate}
+              onChange={(e) => setRequestEndDate(e.target.value)}
+              className="w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="의뢰자">
+          <SearchableSelect
+            options={userOptions}
+            value={requestUser}
+            onChange={setRequestUser}
+            className="w-[130px]"
+          />
+        </SearchField>
+        <SearchField label="접수상태">
+          <select
+            value={receptionStatus}
+            onChange={(e) => setReceptionStatus(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            <option value="reception">접수</option>
+            <option value="AA">미접수</option>
+          </select>
+        </SearchField>
+        <SearchField label="접수자">
+          <SearchableSelect
+            options={userOptions}
+            value={receptionUser}
+            onChange={setReceptionUser}
+            className="w-[130px]"
+          />
+        </SearchField>
+        <SearchField label="접수일">
+          <div className="flex items-center gap-1">
+            <Input
+              type="date"
+              value={receptionStartDate}
+              onChange={(e) => setReceptionStartDate(e.target.value)}
+              className="w-[130px]"
+            />
+            <span>~</span>
+            <Input
+              type="date"
+              value={receptionEndDate}
+              onChange={(e) => setReceptionEndDate(e.target.value)}
+              className="w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="불출상태">
+          <select
+            value={outStatus}
+            onChange={(e) => setOutStatus(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            <option value="complete">완료</option>
+            <option value="NG">미완료</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        loading={loading}
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/inventory/status/page.tsx b/src/app/(main)/inventory/status/page.tsx
new file mode 100644
index 0000000..4e3fc68
--- /dev/null
+++ b/src/app/(main)/inventory/status/page.tsx
@@ -0,0 +1,92 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+// 자재관리 > 현황
+export default function InventoryStatusPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [locationCd, setLocationCd] = useState("");
+  const [partTypeCd, setPartTypeCd] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 130, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_NAME", width: 120, hozAlign: "center" },
+    { title: "부품구분", field: "PART_TYPE_NAME", width: 90, hozAlign: "center" },
+    { title: "위치", field: "LOCATION_NAME", width: 100, hozAlign: "center" },
+    { title: "총보유수량", field: "TOTAL_QTY", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "불출수량", field: "REQUEST_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "잔여수량", field: "REMAIN_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "입고수량", field: "DELIVERY_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "이동수량", field: "MOVE_QTY", width: 90, hozAlign: "right", formatter: "money" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/inventory/status", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        project_no: projectNo,
+        location_cd: locationCd,
+        part_type_cd: partTypeCd,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, locationCd, partTypeCd]);
+
+  const handleExcelDownload = () => {
+    Swal.fire("알림", "Excel 다운로드 기능은 준비 중입니다.", "info");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">자재현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} placeholder="프로젝트번호" className="w-[150px]" />
+        </SearchField>
+        <SearchField label="위치">
+          <CodeSelect codeId="LOCATION" value={locationCd} onChange={setLocationCd} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="부품구분">
+          <CodeSelect codeId="PART_TYPE" value={partTypeCd} onChange={setPartTypeCd} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/layout.tsx b/src/app/(main)/layout.tsx
new file mode 100644
index 0000000..04c5474
--- /dev/null
+++ b/src/app/(main)/layout.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { useAuthStore } from "@/store/auth-store";
+import { Sidebar } from "@/components/layout/sidebar";
+import { Header } from "@/components/layout/header";
+import { Loading } from "@/components/ui/loading";
+
+// mainFS.jsp 대응 - 프레임셋 → Sidebar + Header + Content 레이아웃
+export default function MainLayout({ children }: { children: React.ReactNode }) {
+  const router = useRouter();
+  const { user, isLoading, fetchUser } = useAuthStore();
+
+  useEffect(() => {
+    fetchUser();
+  }, [fetchUser]);
+
+  useEffect(() => {
+    if (!isLoading && !user) {
+      router.push("/login");
+    }
+  }, [isLoading, user, router]);
+
+  if (isLoading) {
+    return <Loading message="로딩 중..." />;
+  }
+
+  if (!user) return null;
+
+  return (
+    <div className="flex h-screen overflow-hidden">
+      {/* 사이드바 (menu.jsp 대응) */}
+      <Sidebar />
+
+      {/* 메인 영역 */}
+      <div className="flex-1 flex flex-col overflow-hidden">
+        {/* 헤더 (header.jsp 대응) */}
+        <Header />
+
+        {/* 콘텐츠 (contents_page iframe 대응) */}
+        <main className="flex-1 overflow-hidden p-4 flex flex-col min-h-0">
+          {children}
+        </main>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/order/amount-status/page.tsx b/src/app/(main)/order/amount-status/page.tsx
new file mode 100644
index 0000000..cf1ce71
--- /dev/null
+++ b/src/app/(main)/order/amount-status/page.tsx
@@ -0,0 +1,170 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { numberWithCommas } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: /purchaseOrder/purchaseOrderStatusAmountBySupply.do
+// 발주관리 > 업체별_입고요청월 금액현황
+export default function AmountStatusPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [partnerObjid, setPartnerObjid] = useState("");
+  const [salesMngUserId, setSalesMngUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [sums, setSums] = useState<Record<string, unknown>>({});
+  const [loading, setLoading] = useState(false);
+
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, []);
+
+  const columns: GridColumn[] = [
+    { title: "공급업체", field: "SUPPLY_NAME", width: 180, hozAlign: "left", frozen: true },
+    { title: "1월", field: "M01", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "2월", field: "M02", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "3월", field: "M03", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "4월", field: "M04", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "5월", field: "M05", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "6월", field: "M06", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "7월", field: "M07", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "8월", field: "M08", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "9월", field: "M09", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "10월", field: "M10", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "11월", field: "M11", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "12월", field: "M12", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "합계", field: "TOTAL_SUPPLY_UNIT_PRICE", width: 140, hozAlign: "right", formatter: "money" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/order/amount-status", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          year,
+          project_no: projectNo,
+          partner_objid: partnerObjid,
+          sales_mng_user_id: salesMngUserId,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+        setSums(json.SUMS || {});
+      } else {
+        const j = await res.json().catch(() => ({}));
+        Swal.fire("오류", j.message || "조회 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [year, projectNo, partnerObjid, salesMngUserId]);
+
+  const handleReset = () => {
+    setYear(new Date().getFullYear().toString());
+    setProjectNo("");
+    setPartnerObjid("");
+    setSalesMngUserId("");
+  };
+
+  const handleExcelDownload = () => {
+    Swal.fire("알림", "Excel 다운로드 기능은 준비 중입니다.", "info");
+  };
+
+  useEffect(() => {
+    fetchData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">업체별 입고요청월 금액현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleReset}>초기화</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 6 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input
+            value={projectNo}
+            onChange={(e) => setProjectNo(e.target.value)}
+            placeholder="프로젝트번호 부분 일치"
+            className="w-[180px]"
+          />
+        </SearchField>
+        <SearchField label="공급업체">
+          <SearchableSelect
+            options={supplyOptions}
+            value={partnerObjid}
+            onChange={setPartnerObjid}
+            className="w-[180px]"
+          />
+        </SearchField>
+        <SearchField label="구매담당">
+          <SearchableSelect
+            options={userOptions}
+            value={salesMngUserId}
+            onChange={setSalesMngUserId}
+            className="w-[140px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <div className="flex items-center gap-6 mb-3 text-sm font-bold text-red-600">
+        <span>총 합계(원) : {numberWithCommas(Number(sums.TOTAL_SUPPLY_UNIT_PRICE ?? 0))}</span>
+      </div>
+
+      <DataGrid columns={columns} data={data} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/order/list/page.tsx b/src/app/(main)/order/list/page.tsx
new file mode 100644
index 0000000..e30b5d5
--- /dev/null
+++ b/src/app/(main)/order/list/page.tsx
@@ -0,0 +1,292 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+import { ApprovalButton } from "@/components/approval/ApprovalButton";
+
+type Option = { value: string; label: string };
+
+// 원본: /purchaseOrder/purchaseOrderList_new.do
+export default function OrderListPage() {
+  const [year, setYear] = useState("");
+  const [customerCd, setCustomerCd] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [purchaseOrderNo, setPurchaseOrderNo] = useState("");
+  const [type, setType] = useState("");
+  const [orderTypeCd, setOrderTypeCd] = useState("");
+  const [deliveryStartDate, setDeliveryStartDate] = useState("");
+  const [deliveryEndDate, setDeliveryEndDate] = useState("");
+  const [partnerObjid, setPartnerObjid] = useState("");
+  const [salesMngUserId, setSalesMngUserId] = useState("");
+  const [regStartDate, setRegStartDate] = useState("");
+  const [regEndDate, setRegEndDate] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [poClientId, setPoClientId] = useState("");
+  const [apprStatus, setApprStatus] = useState("");
+  const [partSpec, setPartSpec] = useState("");
+
+  const [customerOptions, setCustomerOptions] = useState<Option[]>([]);
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  useEffect(() => {
+    fetch("/api/common/supply-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setCustomerOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, []);
+
+  const openOrderForm = (objId?: string) => {
+    const url = objId ? `/order/list/form?objId=${objId}&action=view` : "/order/list/form";
+    const w = 1460;
+    const h = 1050;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, `orderForm_${objId || "new"}`, `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "발주No",
+      field: "PURCHASE_ORDER_NO",
+      width: 130,
+      hozAlign: "left",
+      frozen: true,
+      cellClick: (row) => openOrderForm(String(row.OBJID || "")),
+    },
+    { title: "년도", field: "CM_YEAR", width: 60, hozAlign: "center" },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 130, hozAlign: "left" },
+    { title: "고객사프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 180, hozAlign: "left" },
+    { title: "당사프로젝트번호", field: "PROJECT_NO", width: 130, hozAlign: "left" },
+    { title: "부품", field: "TYPE_NAME", width: 70, hozAlign: "center" },
+    { title: "구분", field: "ORDER_TYPE_CD_NAME", width: 70, hozAlign: "center" },
+    { title: "동시", field: "MULTI_YN_MAKED", width: 50, hozAlign: "center" },
+    { title: "발주서제목", field: "TITLE", width: 220, hozAlign: "left" },
+    { title: "납품장소", field: "DELIVERY_PLACE_NAME", width: 100, hozAlign: "center" },
+    { title: "검수방법", field: "INSPECT_METHOD_NAME", width: 90, hozAlign: "center" },
+    { title: "결재조건", field: "PAYMENT_TERMS_NAME", width: 110, hozAlign: "center" },
+    { title: "입고요청일", field: "DELIVERY_DATE", width: 100, hozAlign: "center" },
+    { title: "공급업체", field: "PARTNER_NAME", width: 140, hozAlign: "left" },
+    { title: "구매담당", field: "SALES_MNG_USER_NAME", width: 80, hozAlign: "center" },
+    { title: "발주일", field: "REGDATE", width: 100, hozAlign: "center" },
+    { title: "발주금액", field: "TOTAL_PRICE_ALL", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "상태", field: "APPR_STATUS_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/order/list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        customer_cd: customerCd,
+        project_no: projectNo,
+        unit_code: unitCode,
+        purchase_order_no: purchaseOrderNo,
+        type,
+        order_type_cd: orderTypeCd,
+        delivery_start_date: deliveryStartDate,
+        delivery_end_date: deliveryEndDate,
+        partner_objid: partnerObjid,
+        sales_mng_user_id: salesMngUserId,
+        reg_start_date: regStartDate,
+        reg_end_date: regEndDate,
+        part_no: partNo,
+        part_name: partName,
+        po_client_id: poClientId,
+        appr_status: apprStatus,
+        part_spec: partSpec,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [
+    year, customerCd, projectNo, unitCode, purchaseOrderNo, type, orderTypeCd,
+    deliveryStartDate, deliveryEndDate, partnerObjid, salesMngUserId,
+    regStartDate, regEndDate, partNo, partName, poClientId, apprStatus, partSpec,
+  ]);
+
+  const masterSelectedIds = selectedRows
+    .filter((r) => r.MULTI_YN !== "Y" || r.MULTI_MASTER_YN === "Y")
+    .map((r) => String(r.OBJID));
+
+  useEffect(() => {
+    fetchData();
+    // 최초 1회만
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">발주서관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => openOrderForm()}>발주서작성</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <ApprovalButton
+            objIds={masterSelectedIds}
+            targetType="PURCHASE_ORDER"
+            title={`발주 결재 요청 (${masterSelectedIds.length}건)`}
+            description={selectedRows.map((r) => `${r.PURCHASE_ORDER_NO} - ${r.TITLE}`).join("\n")}
+            onSuccess={fetchData}
+            disabled={masterSelectedIds.length === 0}
+          />
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[90px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 6 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <SearchableSelect options={customerOptions} value={customerCd} onChange={setCustomerCd} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="유닛">
+          <Input value={unitCode} onChange={(e) => setUnitCode(e.target.value)} className="w-[130px]" placeholder="유닛코드" />
+        </SearchField>
+        <SearchField label="발주No">
+          <Input value={purchaseOrderNo} onChange={(e) => setPurchaseOrderNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="발주부품">
+          <SearchableCodeSelect codeId="0001068" value={type} onChange={setType} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="발주구분">
+          <SearchableCodeSelect codeId="0001406" value={orderTypeCd} onChange={setOrderTypeCd} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="입고요청일">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={deliveryStartDate}
+              onChange={(e) => setDeliveryStartDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={deliveryEndDate}
+              onChange={(e) => setDeliveryEndDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="공급업체">
+          <SearchableSelect options={supplyOptions} value={partnerObjid} onChange={setPartnerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="구매담당">
+          <SearchableSelect options={userOptions} value={salesMngUserId} onChange={setSalesMngUserId} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="발주일">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={regStartDate}
+              onChange={(e) => setRegStartDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={regEndDate}
+              onChange={(e) => setRegEndDate(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="품번">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="발주처">
+          <SearchableSelect options={supplyOptions} value={poClientId} onChange={setPoClientId} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select
+            value={apprStatus}
+            onChange={(e) => setApprStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            <option value="create">작성중</option>
+            <option value="inProcess">결재중</option>
+            <option value="reject">반려</option>
+            <option value="complete">결재완료</option>
+            <option value="cancel">취소</option>
+          </select>
+        </SearchField>
+        <SearchField label="규격">
+          <Input value={partSpec} onChange={(e) => setPartSpec(e.target.value)} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/order/status/page.tsx b/src/app/(main)/order/status/page.tsx
new file mode 100644
index 0000000..ac0b01a
--- /dev/null
+++ b/src/app/(main)/order/status/page.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { FolderCell } from "@/components/ui/folder-cell";
+import { numberWithCommas } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+const openBomPopup = (objId: string) => {
+  if (!objId) return;
+  const w = 1800, h = 800;
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(
+    `/purchase/bom/structure?objId=${objId}&readonly=1`,
+    `bomStructure_${objId}`,
+    `width=${w},height=${h},left=${left},top=${top}`,
+  );
+};
+
+// 원본: /purchaseOrder/purchaseOrderStatusByProject.do (발주관리_현황)
+export default function OrderStatusPage() {
+  const [year, setYear] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [sums, setSums] = useState<Record<string, unknown>>({});
+  const [loading, setLoading] = useState(false);
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "고객사", field: "CUSTOMER_NAME", width: 110, hozAlign: "left", frozen: true },
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 110, hozAlign: "left", frozen: true },
+        { title: "유닛명", field: "UNIT_PART_NAME", width: 220, hozAlign: "left" },
+        { title: "프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 130, hozAlign: "left" },
+      ],
+    },
+    {
+      title: "발주현황",
+      columns: [
+        {
+          title: "구매BOM",
+          field: "BOM_CNT",
+          width: 80,
+          hozAlign: "center",
+          formatter: (cell, row) => (
+            <FolderCell
+              count={cell}
+              onClick={() => openBomPopup(String(row.BOM_REPORT_OBJID || ""))}
+            />
+          ),
+        },
+        { title: "전체수량", field: "TOTAL_BOM_PART_CNT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "발주품수", field: "TOTAL_PO_PART_CNT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "미발주품수", field: "NON_PO_PART_CNT", width: 80, hozAlign: "right", formatter: "money" },
+        {
+          title: "발주율",
+          field: "RATE_PO",
+          width: 80,
+          hozAlign: "right",
+          formatter: (cell) => `${Number(cell) || 0}%`,
+        },
+        { title: "구매품", field: "PRICE_PT_1", width: 100, hozAlign: "right", formatter: "money" },
+        { title: "제작품", field: "PRICE_PT_2", width: 100, hozAlign: "right", formatter: "money" },
+        { title: "사급품", field: "PRICE_PT_3", width: 100, hozAlign: "right", formatter: "money" },
+        { title: "기타", field: "PRICE_PT_ETC", width: 100, hozAlign: "right", formatter: "money" },
+      ],
+    },
+    {
+      title: "재발주현황",
+      columns: [
+        { title: "건수", field: "RE_COUNT", width: 70, hozAlign: "right", formatter: "money" },
+        { title: "금액(원)", field: "RE_PRICE", width: 120, hozAlign: "right", formatter: "money" },
+      ],
+    },
+    {
+      title: "턴키현황",
+      columns: [
+        { title: "건수", field: "TURNKEY_COUNT", width: 70, hozAlign: "right", formatter: "money" },
+        { title: "금액(원)", field: "TURNKEY_PRICE", width: 120, hozAlign: "right", formatter: "money" },
+      ],
+    },
+    { title: "총발주금액(원)", field: "TOTAL_PRICE_ALL", width: 140, hozAlign: "right", formatter: "money" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/order/status", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ year, project_no: projectNo }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+        setSums(json.SUMS || {});
+      } else {
+        const j = await res.json().catch(() => ({}));
+        Swal.fire("오류", j.message || "조회 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [year, projectNo]);
+
+  const handleReset = () => {
+    setYear("");
+    setProjectNo("");
+  };
+
+  const handleExcelDownload = () => {
+    Swal.fire("알림", "Excel 다운로드 기능은 준비 중입니다.", "info");
+  };
+
+  useEffect(() => {
+    fetchData();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">발주관리_현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleReset}>초기화</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 6 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input
+            value={projectNo}
+            onChange={(e) => setProjectNo(e.target.value)}
+            placeholder="프로젝트번호 부분 일치"
+            className="w-[200px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <div className="flex items-center gap-6 mb-3 text-sm font-bold text-red-600">
+        <span>총발주금액(원) : {numberWithCommas(Number(sums.TOTAL_PRICE_ALL_SUM ?? 0))}</span>
+        <span>단일발주금액(원) : {numberWithCommas(Number(sums.SINGLE_PRICE_SUM ?? 0))}</span>
+      </div>
+
+      <DataGrid columns={columns} data={data} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/part-mgmt/page.tsx b/src/app/(main)/part-mgmt/page.tsx
new file mode 100644
index 0000000..5349e1c
--- /dev/null
+++ b/src/app/(main)/part-mgmt/page.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// partmgmt/partmgmtList.jsp 대응 - 부품관리(PART)
+export default function PartMgmtPage() {
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [partType, setPartType] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "파트번호", field: "PART_NO", width: 150, hozAlign: "left",
+      cellClick: (row) => openPartDetail(String(row.OBJID)) },
+    { title: "파트명", field: "PART_NAME", width: 200, hozAlign: "left" },
+    { title: "파트유형", field: "PART_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "규격", field: "SPEC", width: 130, hozAlign: "left" },
+    { title: "재질", field: "MATERIAL_NAME", width: 100, hozAlign: "left" },
+    { title: "UNIT", field: "UNIT_NAME", width: 70, hozAlign: "center" },
+    { title: "중량", field: "WEIGHT", width: 80, hozAlign: "right" },
+    { title: "업체", field: "MAKER", width: 120, hozAlign: "left" },
+    { title: "등록자", field: "WRITER_NAME", width: 90, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 100, hozAlign: "center" },
+    { title: "2D", field: "DRAWING_2D_CNT", width: 40, hozAlign: "center" },
+    { title: "3D", field: "DRAWING_3D_CNT", width: 40, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/part-mgmt", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ part_no: partNo, part_name: partName, part_type: partType }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [partNo, partName, partType]);
+
+  const openPartDetail = (objId: string) => {
+    window.open(`/product-mgmt/form?objId=${objId}`, "partDetail", "width=1100,height=800");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">부품관리 (PART)</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/product-mgmt/form", "partForm", "width=1100,height=800")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="파트번호">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="파트명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="파트유형">
+          <CodeSelect codeId="0000062" value={partType} onChange={setPartType} placeholder="전체" className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} showCheckbox />
+    </div>
+  );
+}
diff --git a/src/app/(main)/part/register/page.tsx b/src/app/(main)/part/register/page.tsx
new file mode 100644
index 0000000..4bb34c3
--- /dev/null
+++ b/src/app/(main)/part/register/page.tsx
@@ -0,0 +1,84 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// partMgmt/partRegisterList.jsp 대응 - Part 등록
+export default function PartRegisterPage() {
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [spec, setSpec] = useState("");
+  const [maker, setMaker] = useState("");
+  const [categoryCode, setCategoryCode] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "파트번호", field: "PART_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/product/part-register/form?objId=${row.OBJID}`, "partDetail", "width=900,height=600") },
+    { title: "파트명", field: "PART_NAME", width: 180, hozAlign: "left" },
+    { title: "규격", field: "SPEC", width: 150, hozAlign: "left" },
+    { title: "단위", field: "UNIT_NAME", width: 60, hozAlign: "center" },
+    { title: "카테고리", field: "CATEGORY_NAME", width: 100, hozAlign: "center" },
+    { title: "제조사", field: "MAKER", width: 120, hozAlign: "left" },
+    { title: "단가", field: "UNIT_PRICE", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "등록일", field: "REG_DATE", width: 100, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/part/register", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        part_no: partNo,
+        part_name: partName,
+        spec,
+        maker,
+        category_code: categoryCode,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [partNo, partName, spec, maker, categoryCode]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">Part 등록</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/product/part-register/form", "partForm", "width=900,height=600")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="파트번호">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="파트명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="규격">
+          <Input value={spec} onChange={(e) => setSpec(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="제조사">
+          <Input value={maker} onChange={(e) => setMaker(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="카테고리">
+          <CodeSelect codeId="PART_CATEGORY" value={categoryCode} onChange={setCategoryCode} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/procurement-std/code1/page.tsx b/src/app/(main)/procurement-std/code1/page.tsx
new file mode 100644
index 0000000..bc8672b
--- /dev/null
+++ b/src/app/(main)/procurement-std/code1/page.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import StandardCodePage from "@/components/procurement-std/StandardCodePage";
+
+// 구매품표준관리 - 코드1
+export default function Code1Page() {
+  return (
+    <StandardCodePage
+      title="구매품표준관리 - 대분류(CODE1)"
+      codeGroupId="CODE1"
+    />
+  );
+}
diff --git a/src/app/(main)/procurement-std/code2/page.tsx b/src/app/(main)/procurement-std/code2/page.tsx
new file mode 100644
index 0000000..2156308
--- /dev/null
+++ b/src/app/(main)/procurement-std/code2/page.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import StandardCodePage from "@/components/procurement-std/StandardCodePage";
+
+// 구매품표준관리 - 코드2
+export default function Code2Page() {
+  return (
+    <StandardCodePage
+      title="구매품표준관리 - 중분류(CODE2)"
+      codeGroupId="CODE2"
+    />
+  );
+}
diff --git a/src/app/(main)/procurement-std/code3/page.tsx b/src/app/(main)/procurement-std/code3/page.tsx
new file mode 100644
index 0000000..4181a4e
--- /dev/null
+++ b/src/app/(main)/procurement-std/code3/page.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import StandardCodePage from "@/components/procurement-std/StandardCodePage";
+
+// 구매품표준관리 - 코드3
+export default function Code3Page() {
+  return (
+    <StandardCodePage
+      title="구매품표준관리 - Maker(CODE3)"
+      codeGroupId="CODE3"
+    />
+  );
+}
diff --git a/src/app/(main)/procurement-std/code4/page.tsx b/src/app/(main)/procurement-std/code4/page.tsx
new file mode 100644
index 0000000..ae866d7
--- /dev/null
+++ b/src/app/(main)/procurement-std/code4/page.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import StandardCodePage from "@/components/procurement-std/StandardCodePage";
+
+// 구매품표준관리 - 코드4
+export default function Code4Page() {
+  return (
+    <StandardCodePage
+      title="구매품표준관리 - 품명(CODE4)"
+      codeGroupId="CODE4"
+    />
+  );
+}
diff --git a/src/app/(main)/procurement-std/code5/page.tsx b/src/app/(main)/procurement-std/code5/page.tsx
new file mode 100644
index 0000000..cf6160b
--- /dev/null
+++ b/src/app/(main)/procurement-std/code5/page.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import StandardCodePage from "@/components/procurement-std/StandardCodePage";
+
+// 구매품표준관리 - 코드5
+export default function Code5Page() {
+  return (
+    <StandardCodePage
+      title="구매품표준관리 - 규격(CODE5)"
+      codeGroupId="CODE5"
+    />
+  );
+}
diff --git a/src/app/(main)/procurement-std/material-code/page.tsx b/src/app/(main)/procurement-std/material-code/page.tsx
new file mode 100644
index 0000000..94b2508
--- /dev/null
+++ b/src/app/(main)/procurement-std/material-code/page.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import StandardCodePage from "@/components/procurement-std/StandardCodePage";
+
+// 구매품표준관리 - 자재코드
+export default function MaterialCodePage() {
+  return (
+    <StandardCodePage
+      title="구매품표준관리 - 자재코드"
+      codeGroupId="MATERIAL_CODE"
+    />
+  );
+}
diff --git a/src/app/(main)/product-mgmt/page.tsx b/src/app/(main)/product-mgmt/page.tsx
new file mode 100644
index 0000000..931a7ab
--- /dev/null
+++ b/src/app/(main)/product-mgmt/page.tsx
@@ -0,0 +1,149 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { CodeSelect } from "@/components/ui/code-select";
+import { Button } from "@/components/ui/button";
+import { Pagination } from "@/components/ui/pagination";
+import Swal from "sweetalert2";
+
+// productmgmtList.jsp 대응 - 제품마스터
+export default function ProductMgmtPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [productCategory, setProductCategory] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [totalCount, setTotalCount] = useState(0);
+  const [currentPage, setCurrentPage] = useState(1);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const countPerPage = 20;
+
+  const columns: GridColumn[] = [
+    { title: "사업부", field: "PRODUCT_CATEGORY_NAME", width: 120,
+      cellClick: (row) => openProductFormPopup(String(row.OBJID)) },
+    { title: "제품군", field: "PRODUCT_TYPE_NAME", width: 100, hozAlign: "left" },
+    { title: "제품명", field: "PRODUCT_NAME", width: 180, hozAlign: "left" },
+    { title: "제품코드", field: "PRODUCT_CODE", width: 130, hozAlign: "left" },
+    { title: "등록자", field: "WRITER_NAME", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "생산여부", field: "PRODUCTION_FLAG_NAME", width: 100, hozAlign: "center" },
+    { title: "첨부", field: "FILE_CNT", width: 60, hozAlign: "center",
+      formatter: (_cell, row) => Number(row.FILE_CNT || 0) > 0 ? "📎" : "" },
+  ];
+
+  const fetchData = useCallback(async (page = 1) => {
+    const res = await fetch("/api/product-mgmt", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, product_category: productCategory, page, countPerPage }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+      setTotalCount(json.TOTAL_CNT || 0);
+      setCurrentPage(page);
+    }
+  }, [year, productCategory]);
+
+  const handleSearch = () => {
+    fetchData(1);
+  };
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("선택한 항목이 없습니다.");
+      return;
+    }
+
+    const result = await Swal.fire({
+      title: "삭제 확인",
+      text: `${selectedRows.length}건을 삭제하시겠습니까?`,
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "삭제",
+      cancelButtonText: "취소",
+    });
+
+    if (result.isConfirmed) {
+      const res = await fetch("/api/product-mgmt", {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objIds: selectedRows.map((r) => r.OBJID) }),
+      });
+      const json = await res.json();
+      if (json.success) {
+        Swal.fire({ icon: "success", title: "삭제되었습니다.", timer: 1500, showConfirmButton: false });
+        fetchData(currentPage);
+      } else {
+        Swal.fire({ icon: "error", title: json.message || "삭제 실패" });
+      }
+    }
+  };
+
+  const openProductFormPopup = (objId?: string) => {
+    // TODO: 모달 다이얼로그로 대체 (기존 window.open popup 대응)
+    const url = objId
+      ? `/product-mgmt/form?objId=${objId}`
+      : `/product-mgmt/form?actionType=regist`;
+    window.open(url, "productForm", "width=850,height=480");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품마스터</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => openProductFormPopup()}>등록</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={handleSearch}>조회</Button>
+        </div>
+      </div>
+
+      {/* 검색 영역 (productmgmtList.jsp #plmSearchZon 대응) */}
+      <SearchForm onSearch={handleSearch}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+
+        <SearchField label="사업부">
+          <CodeSelect
+            codeId="0000917"
+            value={productCategory}
+            onChange={setProductCategory}
+            placeholder="전체"
+            className="w-[150px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      {/* 그리드 (Tabulator/plm_table 대응) */}
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        onSelectionChange={setSelectedRows}
+
+      />
+
+      {/* 페이징 */}
+      <Pagination
+        currentPage={currentPage}
+        maxPage={Math.ceil(totalCount / countPerPage)}
+        totalCount={totalCount}
+        onPageChange={(page) => fetchData(page)}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/bom-list/page.tsx b/src/app/(main)/product/bom-list/page.tsx
new file mode 100644
index 0000000..42dc440
--- /dev/null
+++ b/src/app/(main)/product/bom-list/page.tsx
@@ -0,0 +1,318 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+
+type Row = Record<string, unknown>;
+
+// 제품관리_BOM 조회 (원본: partMng/structureAscendingList.jsp)
+// 고객사 → 프로젝트번호 → 유닛명 캐스케이드 + 품번/LEVEL 필터로 BOM 정전개 트리 조회
+const LEVEL_COLORS = [
+  "", "#fde9d9", "#daeef3", "#e4dfec", "#ebf1de", "#f2f2f2",
+  "#f2dcdb", "#eeece1", "#dce6f1", "#FFFFEB", "#ffffff",
+];
+
+export default function BomListPage() {
+  const [customerCd, setCustomerCd] = useState("");
+  const [projectName, setProjectName] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [searchPartNo, setSearchPartNo] = useState("");
+  const [searchLevel, setSearchLevel] = useState("");
+
+  const [data, setData] = useState<Row[]>([]);
+  const [maxLevel, setMaxLevel] = useState(0);
+  const [loading, setLoading] = useState(false);
+  // 접힌 노드: CHILD_OBJID 를 키로 사용 (해당 노드의 모든 하위 행을 숨김)
+  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
+
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [projects, setProjects] = useState<{ value: string; label: string }[]>([]);
+  const [units, setUnits] = useState<{ value: string; label: string }[]>([]);
+
+  // 고객사 로드
+  useEffect(() => {
+    fetch("/api/common/supply-list", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    }).then((r) => r.json())
+      .then((j) => setCustomers((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.SUPPLY_NAME || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  // 고객사 변경 → 프로젝트
+  useEffect(() => {
+    setProjectName(""); setUnitCode("");
+    fetch("/api/common/project-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ customer_cd: customerCd }),
+    }).then((r) => r.json())
+      .then((j) => setProjects((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, [customerCd]);
+
+  // 프로젝트 변경 → 유닛
+  useEffect(() => {
+    setUnitCode("");
+    if (!projectName) { setUnits([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectName }),
+    }).then((r) => r.json())
+      .then((j) => setUnits((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.UNIT_NAME || r.TASK_NAME),
+      }))))
+      .catch(() => {});
+  }, [projectName]);
+
+  const openPartDetail = (partObjId: string) => {
+    const w = 600, h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/product/popup/part-form?objId=${encodeURIComponent(partObjId)}&readOnly=true`,
+      "partMngDetail", `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+  };
+
+  const openFilePopup = (objId: string, docType: string, docTypeName: string) => {
+    const w = 800, h = 335;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "fileRegistPopUp", `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  // 조상 체인 계산용 인덱스 (CHILD_OBJID → data index)
+  const indexByChildObjid = useMemo(() => {
+    const m = new Map<string, number>();
+    data.forEach((r, i) => m.set(String(r.CHILD_OBJID), i));
+    return m;
+  }, [data]);
+
+  // 각 row 의 조상 CHILD_OBJID 리스트 (루트→자신 바로 위)
+  const ancestorsOf = useCallback((row: Row): string[] => {
+    const chain: string[] = [];
+    let cur: Row | undefined = row;
+    while (cur && cur.PARENT_OBJID) {
+      const p = String(cur.PARENT_OBJID);
+      chain.push(p);
+      const idx = indexByChildObjid.get(p);
+      cur = idx !== undefined ? data[idx] : undefined;
+    }
+    return chain;
+  }, [data, indexByChildObjid]);
+
+  // 접힌 조상이 하나라도 있으면 숨김
+  const visibleData = useMemo(
+    () => (collapsed.size === 0
+      ? data
+      : data.filter((r) => !ancestorsOf(r).some((a) => collapsed.has(a)))),
+    [data, collapsed, ancestorsOf],
+  );
+
+  const toggleNode = useCallback((childObjid: string) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(childObjid)) next.delete(childObjid);
+      else next.add(childObjid);
+      return next;
+    });
+  }, []);
+
+  const expandAll = () => setCollapsed(new Set());
+  const collapseAllLevel1 = () => {
+    // LEV 1 중 자식이 있는 노드만 접기 (원본 JSP 기본 동작 상응)
+    const ids = new Set<string>();
+    data.forEach((r) => {
+      if (Number(r.LEV ?? 0) === 1 && Number(r.LEAF ?? 1) === 0) {
+        ids.add(String(r.CHILD_OBJID));
+      }
+    });
+    setCollapsed(ids);
+  };
+
+  // 레벨 컬럼 동적 생성 (1, 2, 3 ... MAX_LEVEL)
+  const levelColumns: GridColumn[] = Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => ({
+    title: String(i + 1), field: `_LEV_${i + 1}`, width: 22, hozAlign: "center",
+    formatter: (_cell, row) => Number(row.LEV ?? 0) === i + 1 ? "*" : "",
+  }));
+
+  const columns: GridColumn[] = [
+    {
+      title: "", field: "_TREE", width: 28, hozAlign: "center",
+      formatter: (_cell, row) => {
+        if (Number(row.LEAF ?? 1) !== 0) return "";
+        const id = String(row.CHILD_OBJID);
+        const isCollapsed = collapsed.has(id);
+        return (
+          <button
+            type="button"
+            onClick={(e) => { e.stopPropagation(); toggleNode(id); }}
+            className="inline-flex h-4 w-4 items-center justify-center border border-gray-400 text-[11px] leading-none font-bold text-gray-700 hover:bg-gray-100"
+            aria-label={isCollapsed ? "펴기" : "접기"}
+          >
+            {isCollapsed ? "+" : "−"}
+          </button>
+        );
+      },
+    },
+    ...levelColumns,
+    {
+      title: "품번", field: "PART_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => openPartDetail(String(row.PART_OBJID)),
+    },
+    { title: "품명", field: "PART_NAME", width: 180, hozAlign: "left" },
+    { title: "수량", field: "QTY", width: 55, hozAlign: "center" },
+    {
+      title: "3D", field: "FILE_3D_CNT", width: 40, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFilePopup(String(row.PART_OBJID), "3D_CAD", "3D CAD 첨부파일"),
+    },
+    {
+      title: "2D", field: "FILE_2D_CNT", width: 40, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFilePopup(String(row.PART_OBJID), "2D_DRAWING_CAD", "2D(Drawing) CAD 첨부파일"),
+    },
+    {
+      title: "PDF", field: "FILE_PDF_CNT", width: 40, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFilePopup(String(row.PART_OBJID), "2D_PDF_CAD", "2D(PDF) CAD 첨부파일"),
+    },
+    { title: "재질", field: "MATERIAL", width: 100, hozAlign: "left" },
+    { title: "사양(규격)", field: "SPEC", width: 130, hozAlign: "left" },
+    { title: "후처리", field: "POST_PROCESSING", width: 120, hozAlign: "left" },
+    { title: "MAKER", field: "MAKER", width: 90, hozAlign: "left" },
+    { title: "Revision", field: "REVISION", width: 70, hozAlign: "center" },
+    { title: "EO No", field: "EO_NO", width: 85, hozAlign: "center" },
+    { title: "EO Date", field: "EO_DATE", width: 90, hozAlign: "center" },
+    { title: "PART구분", field: "PART_TYPE_TITLE", width: 90, hozAlign: "center" },
+    { title: "비고", field: "REMARK", width: 200, hozAlign: "left" },
+  ];
+
+  const validate = () => {
+    // 품번만 입력해도 검색 허용 — 품번이 있으면 고객사/프로젝트/유닛 미선택 가능
+    if (searchPartNo) return true;
+    if (!customerCd) { Swal.fire("알림", "고객사를 선택하거나 품번을 입력해 주세요.", "warning"); return false; }
+    if (!projectName) { Swal.fire("알림", "프로젝트번호를 선택해 주세요.", "warning"); return false; }
+    if (!unitCode) { Swal.fire("알림", "유닛명을 선택해 주세요.", "warning"); return false; }
+    return true;
+  };
+
+  const fetchData = useCallback(async (skipValidate = false) => {
+    if (!skipValidate && !validate()) return;
+    if (!searchPartNo && (!customerCd || !projectName || !unitCode)) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/bom/ascending", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          customer_cd: customerCd,
+          project_name: projectName,
+          unit_code: unitCode,
+          search_partNo: searchPartNo,
+          search_level: searchLevel,
+        }),
+      });
+      if (res.ok) {
+        const j = await res.json();
+        setData(j.RESULTLIST || []);
+        setMaxLevel(Number(j.MAX_LEVEL || 0));
+        setCollapsed(new Set());
+      }
+    } finally {
+      setLoading(false);
+    }
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [customerCd, projectName, unitCode, searchPartNo, searchLevel]);
+
+  const handleReset = () => {
+    setCustomerCd(""); setProjectName(""); setUnitCode("");
+    setSearchPartNo(""); setSearchLevel("");
+    setData([]); setMaxLevel(0);
+    setCollapsed(new Set());
+  };
+
+  const handleExcel = () => {
+    if (data.length === 0) { Swal.fire("알림", "다운로드할 데이터가 없습니다.", "warning"); return; }
+    const levelHeaders = Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => String(i + 1));
+    const header = [
+      ...levelHeaders, "품번", "품명", "수량", "3D", "2D", "PDF",
+      "재질", "사양(규격)", "후처리", "MAKER", "Revision",
+      "EO No", "EO Date", "PART구분", "비고",
+    ];
+    const body = data.map((r) => {
+      const lev = Number(r.LEV ?? 0);
+      const markers = Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => (lev === i + 1 ? "*" : ""));
+      return [
+        ...markers, r.PART_NO ?? "", r.PART_NAME ?? "", r.QTY ?? "",
+        Number(r.FILE_3D_CNT ?? 0), Number(r.FILE_2D_CNT ?? 0), Number(r.FILE_PDF_CNT ?? 0),
+        r.MATERIAL ?? "", r.SPEC ?? "", r.POST_PROCESSING ?? "",
+        r.MAKER ?? "", r.REVISION ?? "", r.EO_NO ?? "",
+        r.EO_DATE ?? "", r.PART_TYPE_TITLE ?? "", r.REMARK ?? "",
+      ];
+    });
+    const ws = XLSX.utils.aoa_to_sheet([header, ...body]);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "BOM_REPORT_정전개");
+    const today = new Date().toISOString().slice(0, 10);
+    XLSX.writeFile(wb, `BOM_REPORT_정전개_${today}.xlsx`);
+  };
+
+  // 행별 배경색(레벨별)
+  const rowClass = (row: Row): string => {
+    const lev = Number(row.LEV ?? 0);
+    const bg = LEVEL_COLORS[Math.min(lev, LEVEL_COLORS.length - 1)];
+    return bg ? "" : "";
+    void bg; // 배경색은 인라인 스타일 쓰지 않고 기본 유지 (선택적)
+  };
+  void rowClass;
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품관리_BOM 조회</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={expandAll} disabled={data.length === 0}>전체 펴기</Button>
+          <Button size="sm" variant="secondary" onClick={collapseAllLevel1} disabled={data.length === 0}>전체 접기</Button>
+          <Button size="sm" onClick={() => fetchData()}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleReset}>초기화</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcel}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={() => fetchData()}>
+        <SearchField label="고객사 *">
+          <SearchableSelect options={customers} value={customerCd} onChange={setCustomerCd} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호 *">
+          <SearchableSelect options={projects} value={projectName} onChange={setProjectName} className="w-[220px]" />
+        </SearchField>
+        <SearchField label="유닛명 *">
+          <SearchableSelect options={units} value={unitCode} onChange={setUnitCode} className="w-[300px]" />
+        </SearchField>
+        <SearchField label="품번">
+          <Input value={searchPartNo} onChange={(e) => setSearchPartNo(e.target.value)} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="LEVEL">
+          <select value={searchLevel} onChange={(e) => setSearchLevel(e.target.value)}
+            className="h-9 w-[80px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {[1, 2, 3, 4, 5, 6].map((n) => <option key={n} value={n}>{n}</option>)}
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={visibleData} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/bom-register/page.tsx b/src/app/(main)/product/bom-register/page.tsx
new file mode 100644
index 0000000..f8f4c9f
--- /dev/null
+++ b/src/app/(main)/product/bom-register/page.tsx
@@ -0,0 +1,305 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+
+// 제품관리_PART 및 구조등록 (원본: partMng/structureList.jsp)
+export default function BomRegisterPage() {
+  const [customerCd, setCustomerCd] = useState("");
+  const [projectName, setProjectName] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [searchUnitName, setSearchUnitName] = useState("");
+  const [searchWriter, setSearchWriter] = useState("");
+  const [deployFrom, setDeployFrom] = useState("");
+  const [deployTo, setDeployTo] = useState("");
+  const [status, setStatus] = useState("");
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [projects, setProjects] = useState<{ value: string; label: string }[]>([]);
+  const [units, setUnits] = useState<{ value: string; label: string }[]>([]);
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+
+  // 고객사 목록 (supply_mng)
+  useEffect(() => {
+    fetch("/api/common/supply-list", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    }).then((r) => r.json())
+      .then((j) => setCustomers((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.SUPPLY_NAME || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) => setUsers((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  // 고객사 변경 시 프로젝트 로드
+  useEffect(() => {
+    setProjectName(""); setUnitCode("");
+    fetch("/api/common/project-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ customer_cd: customerCd }),
+    }).then((r) => r.json())
+      .then((j) => setProjects((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, [customerCd]);
+
+  // 프로젝트 변경 시 유닛 로드
+  useEffect(() => {
+    setUnitCode("");
+    if (!projectName) { setUnits([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectName }),
+    }).then((r) => r.json())
+      .then((j) => setUnits((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.UNIT_NAME || r.TASK_NAME),
+      }))))
+      .catch(() => {});
+  }, [projectName]);
+
+  const openChangeDesignNote = (objIds: string) => {
+    const w = 1000, h = 200;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/product/popup/change-design-note?objId=${encodeURIComponent(objIds)}`,
+      "changeDesignNotePopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const openStructureDetail = (objId: string) => {
+    window.open(
+      `/product/popup/set-structure?objId=${encodeURIComponent(objId)}`,
+      "setStructurePopup",
+      "width=1880,height=900,resizable=yes,scrollbars=yes",
+    );
+  };
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 140, hozAlign: "left" },
+    { title: "고객사프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 200, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_NAME", width: 270, hozAlign: "left" },
+    {
+      title: "E-BOM", field: "BOM_CNT", width: 80, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openStructureDetail(String(row.OBJID)),
+    },
+    { title: "등록자", field: "DEPT_USER_NAME", width: 120, hozAlign: "center" },
+    { title: "등록일", field: "REG_DATE", width: 100, hozAlign: "center" },
+    { title: "배포일", field: "DEPLOY_DATE", width: 100, hozAlign: "center" },
+    { title: "Version", field: "REVISION", width: 85, hozAlign: "center" },
+    { title: "배포사유", field: "NOTE", hozAlign: "left" },
+    { title: "상태", field: "STATUS_TITLE", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/bom", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        mode: "structure",
+        customer_cd: customerCd,
+        project_name: projectName,
+        unit_code: unitCode,
+        SEARCH_UNIT_NAME: searchUnitName,
+        SEARCH_WRITER: searchWriter,
+        SEARCH_DEPLOY_DATE_FROM: deployFrom,
+        SEARCH_DEPLOY_DATE_TO: deployTo,
+        status,
+      }),
+    });
+      if (res.ok) {
+        const j = await res.json();
+        setData(j.RESULTLIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [customerCd, projectName, unitCode, searchUnitName, searchWriter, deployFrom, deployTo, status]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleDeploy = async () => {
+    if (selectedRows.length === 0) { Swal.fire("알림", "선택된 내용이 없습니다.", "warning"); return; }
+    const isDeployed = selectedRows.some((r) => r.STATUS === "deploy");
+    if (isDeployed) { Swal.fire("알림", "배포완료건은 배포 할 수 없습니다.", "warning"); return; }
+
+    // 동시배포 체크 (MULTI_MASTER_OBJID 동일해야 동시배포 가능)
+    if (selectedRows.length > 1) {
+      let prevMaster = "";
+      let onlyMulti = true;
+      for (const r of selectedRows) {
+        const master = String(r.MULTI_MASTER_OBJID || r.OBJID);
+        if (!prevMaster || master === prevMaster) prevMaster = master;
+        else { onlyMulti = false; break; }
+      }
+      if (!onlyMulti) {
+        Swal.fire("알림", "한번에 한개의 배포만 가능합니다.(동시 프로젝트 등록중인 건만 동시배포 가능합니다.)", "warning");
+        return;
+      }
+    }
+
+    const c = await Swal.fire({
+      title: "선택된 내용을 배포하시겠습니까?", icon: "warning",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+    openChangeDesignNote(selectedRows.map((r) => String(r.OBJID)).join(","));
+  };
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) { Swal.fire("알림", "선택된 내용이 없습니다.", "warning"); return; }
+    const blocked = selectedRows.some((r) => r.STATUS === "deploy" || r.STATUS === "changeDesign");
+    if (blocked) { Swal.fire("알림", "배포완료/설계변경미배포 건은 삭제 할 수 없습니다.", "warning"); return; }
+
+    const c = await Swal.fire({
+      title: "선택한 정보를 삭제하시겠습니까?", icon: "warning",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+
+    const res = await fetch("/api/product/bom/structure-delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((r) => String(r.OBJID)) }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  const handleExcelDownload = () => {
+    if (data.length === 0) {
+      Swal.fire("알림", "다운로드할 데이터가 없습니다.", "warning");
+      return;
+    }
+    const header = [
+      "프로젝트번호", "고객사", "고객사프로젝트명", "유닛명", "E-BOM",
+      "등록자", "등록일", "배포일", "Version", "배포사유", "상태",
+    ];
+    const body = data.map((r) => [
+      r.PROJECT_NO ?? "", r.CUSTOMER_NAME ?? "", r.CUSTOMER_PROJECT_NAME ?? "",
+      r.UNIT_NAME ?? "", Number(r.BOM_CNT ?? 0), r.DEPT_USER_NAME ?? "",
+      r.REG_DATE ?? "", r.DEPLOY_DATE ?? "", r.REVISION ?? "",
+      r.NOTE ?? "", r.STATUS_TITLE ?? "",
+    ]);
+    const ws = XLSX.utils.aoa_to_sheet([header, ...body]);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "PART 및 구조등록");
+    const today = new Date().toISOString().slice(0, 10);
+    XLSX.writeFile(wb, `PART_및_구조등록_${today}.xlsx`);
+  };
+
+  const handleSaveExcel = () => {
+    if (selectedRows.length > 1) { Swal.fire("알림", "단건만 등록 가능합니다.", "warning"); return; }
+    if (selectedRows.length === 1) {
+      const r = selectedRows[0];
+      if (String(r.STATUS || "") !== "create") {
+        Swal.fire("알림", "등록중인 건만 등록/추가 할 수 있습니다.", "warning");
+        return;
+      }
+      const qs = new URLSearchParams({
+        customer_cd: String(r.CUSTOMER_OBJID || ""),
+        project_name: String(r.CONTRACT_OBJID || ""),
+        unit_code: String(r.UNIT_CODE || ""),
+        BOM_REPORT_OBJID: String(r.OBJID || ""),
+      }).toString();
+      window.open(`/product/popup/bom-excel-import?${qs}`, "openBomReportExcelImportPopUp",
+        "width=1920,height=860,resizable=yes,scrollbars=yes");
+      return;
+    }
+    if (!customerCd) { Swal.fire("알림", "고객사를 선택해 주세요.", "warning"); return; }
+    if (!projectName) { Swal.fire("알림", "프로젝트를 선택해 주세요.", "warning"); return; }
+    if (!unitCode) { Swal.fire("알림", "유닛명을 선택해 주세요.", "warning"); return; }
+    const qs = new URLSearchParams({
+      customer_cd: customerCd, project_name: projectName, unit_code: unitCode,
+    }).toString();
+    window.open(`/product/popup/bom-excel-import?${qs}`, "openBomReportExcelImportPopUp",
+      "width=1920,height=860,resizable=yes,scrollbars=yes");
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품관리_PART 및 구조등록</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleDeploy}>배포</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={handleSaveExcel}>구조등록</Button>
+          <Button size="sm" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={() => {
+            setCustomerCd(""); setProjectName(""); setUnitCode("");
+            setSearchUnitName(""); setSearchWriter("");
+            setDeployFrom(""); setDeployTo(""); setStatus("");
+          }}>초기화</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelDownload}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="고객사">
+          <SearchableSelect options={customers} value={customerCd} onChange={setCustomerCd} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projects} value={projectName} onChange={setProjectName} className="w-[230px]" />
+        </SearchField>
+        <SearchField label="유닛명">
+          <SearchableSelect options={units} value={unitCode} onChange={setUnitCode} className="w-[300px]" />
+        </SearchField>
+        <SearchField label="공통유닛명">
+          <Input value={searchUnitName} onChange={(e) => setSearchUnitName(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="등록자">
+          <SearchableSelect options={users} value={searchWriter} onChange={setSearchWriter} className="w-[190px]" />
+        </SearchField>
+        <SearchField label="배포일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={deployFrom} onChange={(e) => setDeployFrom(e.target.value)} className="w-[140px]" />
+            <span>~</span>
+            <Input type="date" value={deployTo} onChange={(e) => setDeployTo(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="상태">
+          <select value={status} onChange={(e) => setStatus(e.target.value)}
+            className="h-9 w-[170px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">선택</option>
+            <option value="create">등록중</option>
+            <option value="changeDesign">설계변경미배포</option>
+            <option value="deploy">배포완료</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns} data={data} showCheckbox loading={loading}
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/design-change/page.tsx b/src/app/(main)/product/design-change/page.tsx
new file mode 100644
index 0000000..ef8758e
--- /dev/null
+++ b/src/app/(main)/product/design-change/page.tsx
@@ -0,0 +1,196 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { ExcelDownloadButton } from "@/components/ui/excel-download-button";
+import Swal from "sweetalert2";
+
+// 제품관리_설계변경 리스트 (원본: partMng/partMngHisList.jsp)
+export default function DesignChangePage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState("");
+  const [contractObjid, setContractObjid] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [changeOption, setChangeOption] = useState("");
+  const [eoStart, setEoStart] = useState("");
+  const [eoEnd, setEoEnd] = useState("");
+  const [changeType, setChangeType] = useState("");
+  const [partType, setPartType] = useState("");
+  const [writerId, setWriterId] = useState("");
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [projects, setProjects] = useState<{ value: string; label: string }[]>([]);
+  const [units, setUnits] = useState<{ value: string; label: string }[]>([]);
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+
+  // 프로젝트 목록 로드
+  useEffect(() => {
+    fetch("/api/common/project-list", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    }).then((r) => r.json())
+      .then((j) => setProjects((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  // 프로젝트 변경 시 유닛 목록 로드
+  useEffect(() => {
+    if (!contractObjid) { setUnits([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: contractObjid }),
+    }).then((r) => r.json())
+      .then((j) => setUnits((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.UNIT_NAME || r.TASK_NAME),
+      }))))
+      .catch(() => {});
+    setUnitCode("");
+  }, [contractObjid]);
+
+  // 사용자 목록 로드
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) => setUsers((j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const openHisDetail = (objId: string) => {
+    const w = 800, h = 550;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/product/popup/part-his-detail?objId=${encodeURIComponent(objId)}`,
+      "partMngHisDetailPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const columns: GridColumn[] = [
+    { title: "EO No", field: "EO_NO", width: 85, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 100, hozAlign: "left" },
+    { title: "프로젝트명", field: "PROJECT_NAME", width: 150, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_NAME", width: 150, hozAlign: "left" },
+    { title: "모품번", field: "PARENT_PART_INFO", width: 150, hozAlign: "left" },
+    {
+      title: "품번", field: "PART_NO", width: 150, hozAlign: "left",
+      cellClick: (row) => openHisDetail(String(row.OBJID)),
+    },
+    { title: "품명", field: "PART_NAME", hozAlign: "left" },
+    { title: "수량", field: "QTY", width: 55, hozAlign: "center" },
+    { title: "변경수량", field: "QTY_TEMP", width: 75, hozAlign: "center" },
+    { title: "EO구분", field: "CHANGE_TYPE_NAME", width: 75, hozAlign: "center" },
+    { title: "EO사유", field: "CHANGE_OPTION_NAME", width: 75, hozAlign: "center" },
+    { title: "Revision", field: "REVISION", width: 85, hozAlign: "center" },
+    { title: "EO Date", field: "EO_DATE", width: 85, hozAlign: "center" },
+    { title: "PART구분", field: "PART_TYPE_NAME", width: 90, hozAlign: "center" },
+    { title: "담당자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+    { title: "실행일", field: "HIS_REG_DATE_TITLE", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/design-change", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          Year: year,
+          contract_objid: contractObjid,
+          unit_code: unitCode,
+          part_no: partNo,
+          part_name: partName,
+          change_option: changeOption,
+          eo_start_date: eoStart,
+          eo_end_date: eoEnd,
+          change_type: changeType,
+          part_type: partType,
+          writer_id: writerId,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  }, [year, contractObjid, unitCode, partNo, partName, changeOption, eoStart, eoEnd, changeType, partType, writerId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품관리_설계변경 리스트</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={fetchData}>조회</Button>
+          <ExcelDownloadButton data={data} columns={columns} filename="제품관리_설계변경리스트" />
+          <Button size="sm" variant="secondary" onClick={() => {
+            setYear(""); setContractObjid(""); setUnitCode("");
+            setPartNo(""); setPartName(""); setChangeOption("");
+            setEoStart(""); setEoEnd(""); setChangeType(""); setPartType(""); setWriterId("");
+          }}>초기화</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projects} value={contractObjid} onChange={setContractObjid} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="유닛명">
+          <SearchableSelect options={units} value={unitCode} onChange={setUnitCode} className="w-[220px]" />
+        </SearchField>
+        <SearchField label="품번">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="EO사유">
+          <SearchableCodeSelect codeId="0000318" value={changeOption} onChange={setChangeOption} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="EO Date">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={eoStart} onChange={(e) => setEoStart(e.target.value)} className="w-[140px]" />
+            <span>~</span>
+            <Input type="date" value={eoEnd} onChange={(e) => setEoEnd(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="EO구분">
+          <SearchableCodeSelect codeId="0001054" value={changeType} onChange={setChangeType} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="PART 구분">
+          <SearchableCodeSelect codeId="0000062" value={partType} onChange={setPartType} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="담당자">
+          <SearchableSelect options={users} value={writerId} onChange={setWriterId} className="w-[140px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/part-change/page.tsx b/src/app/(main)/product/part-change/page.tsx
new file mode 100644
index 0000000..1a15de6
--- /dev/null
+++ b/src/app/(main)/product/part-change/page.tsx
@@ -0,0 +1,420 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import { ExcelDownloadButton } from "@/components/ui/excel-download-button";
+import type { ExcelColumn } from "@/lib/excel-export";
+import Swal from "sweetalert2";
+
+type Row = Record<string, unknown>;
+type CodeOpt = { CODE_ID: string; CODE_NAME: string };
+
+// 제품관리_설변대상 PART조회 (원본: partMng/partMngChangeList.jsp)
+export default function PartChangePage() {
+  const [projectName, setProjectName] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [searchPartObjid, setSearchPartObjid] = useState("");
+
+  const [data, setData] = useState<Row[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [projects, setProjects] = useState<{ value: string; label: string }[]>([]);
+  const [units, setUnits] = useState<{ value: string; label: string }[]>([]);
+  const [parts, setParts] = useState<{ value: string; label: string }[]>([]);
+
+  const [partTypes, setPartTypes] = useState<CodeOpt[]>([]);
+  const [changeTypes, setChangeTypes] = useState<CodeOpt[]>([]);
+  const [changeOptions, setChangeOptions] = useState<CodeOpt[]>([]);
+
+  // 공통코드 로드 (API 응답이 소문자 키라 대문자로 정규화)
+  useEffect(() => {
+    const loadCode = async (codeId: string): Promise<CodeOpt[]> => {
+      const res = await fetch("/api/common/code-list", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ codeId }),
+      });
+      const j = await res.json();
+      return (j.data || []).map((r: Record<string, unknown>) => ({
+        CODE_ID: String(r.code_id || r.CODE_ID || ""),
+        CODE_NAME: String(r.code_name || r.CODE_NAME || ""),
+      }));
+    };
+    loadCode("0000062").then(setPartTypes);
+    loadCode("0001054").then(setChangeTypes); // PART_CHANGE_TYPE_CODE
+    loadCode("0000318").then(setChangeOptions); // PART_CHANGE_OPTION_CODE
+  }, []);
+
+  // 프로젝트 목록
+  useEffect(() => {
+    fetch("/api/common/project-list", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    }).then((r) => r.json())
+      .then((j) => setProjects((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  // 프로젝트 변경 시 유닛
+  useEffect(() => {
+    setUnitCode("");
+    setSearchPartObjid("");
+    if (!projectName) { setUnits([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectName }),
+    }).then((r) => r.json())
+      .then((j) => setUnits((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.UNIT_NAME || r.TASK_NAME),
+      }))))
+      .catch(() => {});
+  }, [projectName]);
+
+  // 유닛 변경 시 PART 목록
+  useEffect(() => {
+    setSearchPartObjid("");
+    if (!projectName || !unitCode) { setParts([]); return; }
+    fetch("/api/product/part-change", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "list", project_name: projectName, unit_code: unitCode }),
+    }).then((r) => r.json())
+      .then((j) => {
+        const uniq = new Map<string, string>();
+        (j.RESULTLIST || []).forEach((r: Row) => {
+          const id = String(r.OBJID);
+          uniq.set(id, `${r.PART_NO ?? ""} ${r.PART_NAME ?? ""}`);
+        });
+        setParts([...uniq.entries()].map(([value, label]) => ({ value, label })));
+      })
+      .catch(() => {});
+  }, [projectName, unitCode]);
+
+  const fetchData = useCallback(async () => {
+    if (!projectName) {
+      Swal.fire("알림", "프로젝트번호를 선택하세요.", "warning");
+      return;
+    }
+    if (!unitCode) {
+      Swal.fire("알림", "유닛명을 선택하세요.", "warning");
+      return;
+    }
+    if (!searchPartObjid) {
+      Swal.fire("알림", "품번을 선택하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/part-change", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          action: "list",
+          project_name: projectName,
+          unit_code: unitCode,
+          SEARCH_PART_OBJID: searchPartObjid,
+        }),
+      });
+      if (res.ok) {
+        const j = await res.json();
+        setData(j.RESULTLIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [projectName, unitCode, searchPartObjid]);
+
+  const updateCell = (idx: number, field: string, value: string) => {
+    setData((prev) => {
+      const next = [...prev];
+      next[idx] = { ...next[idx], [field]: value };
+      // 같은 품번끼리 동기화 (원본 cellEdited 동작)
+      const partNo = next[idx].PART_NO;
+      for (let i = 0; i < next.length; i++) {
+        if (i !== idx && next[i].PART_NO === partNo) {
+          next[i] = { ...next[i], [field]: value };
+        }
+      }
+      return next;
+    });
+  };
+
+  // 같은 PART_NO가 여러 행(동시 적용 BOM)으로 올 때 첫 번째만 편집 가능.
+  // updateCell 이 같은 PART_NO 나머지 행도 동기화하므로 하나만 활성화해도 충분.
+  const editableIdxSet = useMemo(() => {
+    const seen = new Set<string>();
+    const s = new Set<number>();
+    data.forEach((row, idx) => {
+      if (String(row.Q_STATUS || "") !== "deploy") return;
+      const partNo = String(row.PART_NO ?? "");
+      if (!seen.has(partNo)) {
+        seen.add(partNo);
+        s.add(idx);
+      }
+    });
+    return s;
+  }, [data]);
+
+  const isEditable = (idx: number) => editableIdxSet.has(idx);
+
+  const handleSave = async () => {
+    if (data.length === 0) {
+      Swal.fire("알림", "저장할 데이터가 없습니다.", "warning");
+      return;
+    }
+    const allDeploy = data.every((r) => String(r.Q_STATUS || "") === "deploy");
+    if (!allDeploy) {
+      Swal.fire("알림", "설변중인 파트입니다. 배포후에 다시 설계변경 할 수 있습니다.", "warning");
+      return;
+    }
+    const allFilled = data.every((r) =>
+      String(r.CHANGE_TYPE || "") !== "" && String(r.CHANGE_OPTION || "") !== ""
+    );
+    if (!allFilled) {
+      Swal.fire("알림", "EO구분, EO사유는 필수 입력입니다.", "warning");
+      return;
+    }
+    const c = await Swal.fire({
+      title: "저장하시겠습니까?", icon: "question", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+    const res = await fetch("/api/product/part-change", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "save", rows: data }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  const openPartForm = (objId: string) => {
+    const w = 600, h = 500;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/product/popup/part-form?objId=${encodeURIComponent(objId)}`, "partMngPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const openFilePopup = (objId: string, docType: string, docTypeName: string) => {
+    const w = 800, h = 335;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "fileRegistPopUp", `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const yellowHeader = "px-2 py-1 text-[#FFBB00] border border-gray-200 font-semibold text-center whitespace-nowrap";
+  const normalHeader = "px-2 py-1 border border-gray-200 font-semibold text-center whitespace-nowrap";
+  // frozen 셀/헤더 공통 스타일 — 인라인 스타일로 sticky/bg/zIndex 강제 적용 (border-collapse:separate 와 조합)
+  const freezeHeader = (left: number): React.CSSProperties => ({
+    position: "sticky", left, top: 0, zIndex: 30, backgroundColor: "#F9FAFB",
+  });
+  const freezeCell = (left: number): React.CSSProperties => ({
+    position: "sticky", left, zIndex: 20, backgroundColor: "#FFFFFF",
+  });
+
+  // Excel 컬럼 정의 (원본 partMngChangeList 헤더 순서 그대로)
+  const excelColumns: ExcelColumn[] = useMemo(() => {
+    const codeName = (list: CodeOpt[], id: string) =>
+      list.find((c) => c.CODE_ID === id)?.CODE_NAME ?? id;
+    return [
+      { title: "프로젝트번호", field: "PROJECT_NO" },
+      { title: "유닛명", field: "UNIT_NAME" },
+      { title: "모품번", field: "PARENT_PART_INFO" },
+      { title: "품번", field: "PART_NO" },
+      { title: "품명", field: "PART_NAME" },
+      { title: "수량", field: "Q_QTY" },
+      { title: "3D", excelFormatter: (r) => Number(r.CU01_CNT ?? 0) },
+      { title: "2D", excelFormatter: (r) => Number(r.CU02_CNT ?? 0) },
+      { title: "PDF", excelFormatter: (r) => Number(r.CU03_CNT ?? 0) },
+      { title: "EO구분", excelFormatter: (r) => codeName(changeTypes, String(r.CHANGE_TYPE ?? "")) },
+      { title: "EO사유", excelFormatter: (r) => codeName(changeOptions, String(r.CHANGE_OPTION ?? "")) },
+      { title: "PART구분", excelFormatter: (r) => codeName(partTypes, String(r.PART_TYPE ?? "")) },
+      { title: "재질", field: "MATERIAL" },
+      { title: "사양(규격)", field: "SPEC" },
+      { title: "후처리", field: "POST_PROCESSING" },
+      { title: "MAKER", field: "MAKER" },
+      { title: "대분류", field: "MAJOR_CATEGORY" },
+      { title: "중분류", field: "SUB_CATEGORY" },
+      { title: "Revision", field: "REVISION" },
+      { title: "EO No", field: "EO_NO" },
+      { title: "EO Date", field: "EO_DATE" },
+      { title: "비고", field: "REMARK" },
+    ];
+  }, [changeTypes, changeOptions, partTypes]);
+
+  const codeSel = useMemo(() => (opts: CodeOpt[], val: string, onChange: (v: string) => void, disabled: boolean) => (
+    <select value={val || ""} onChange={(e) => onChange(e.target.value)} disabled={disabled}
+      className="w-full h-7 text-xs border border-gray-300 rounded px-1 disabled:bg-gray-100">
+      <option value="">선택</option>
+      {opts.map((o) => <option key={o.CODE_ID} value={o.CODE_ID}>{o.CODE_NAME}</option>)}
+    </select>
+  ), []);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품관리_설변대상 PART조회</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleSave}>설계변경저장</Button>
+          <Button size="sm" onClick={fetchData}>조회</Button>
+          <ExcelDownloadButton
+            data={data}
+            columns={excelColumns}
+            filename="제품관리_설변대상PART조회"
+            sheetName="설변대상PART"
+          />
+          <Button size="sm" variant="secondary" onClick={() => {
+            setProjectName(""); setUnitCode(""); setSearchPartObjid(""); setData([]);
+          }}>초기화</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projects} value={projectName} onChange={setProjectName} className="w-[230px]" />
+        </SearchField>
+        <SearchField label="유닛명">
+          <SearchableSelect options={units} value={unitCode} onChange={setUnitCode} className="w-[260px]" />
+        </SearchField>
+        <SearchField label="품번">
+          <SearchableSelect options={parts} value={searchPartObjid} onChange={setSearchPartObjid} className="w-[230px]" />
+        </SearchField>
+      </SearchForm>
+
+      <div className="relative border border-gray-200 rounded bg-white overflow-auto" style={{ maxHeight: "calc(100vh - 310px)" }}>
+        {loading && (
+          <div className="absolute inset-0 z-20 flex items-center justify-center bg-white/70 backdrop-blur-[1px]">
+            <div className="flex flex-col items-center gap-3">
+              <div className="w-12 h-12 border-4 border-gray-300 border-t-primary rounded-full animate-spin" />
+              <span className="text-sm font-semibold text-gray-700">Loading...</span>
+            </div>
+          </div>
+        )}
+        <table className="text-xs table-fixed border-collapse" style={{ width: 2295 }}>
+          <colgroup>
+            <col style={{ width: 100 }} />
+            <col style={{ width: 200 }} />
+            <col style={{ width: 125 }} />
+            <col style={{ width: 125 }} />
+            <col style={{ width: 270 }} />
+            <col style={{ width: 60 }} />
+            <col style={{ width: 45 }} />
+            <col style={{ width: 45 }} />
+            <col style={{ width: 55 }} />
+            <col style={{ width: 110 }} />
+            <col style={{ width: 110 }} />
+            <col style={{ width: 110 }} />
+            <col style={{ width: 100 }} />
+            <col style={{ width: 100 }} />
+            <col style={{ width: 90 }} />
+            <col style={{ width: 90 }} />
+            <col style={{ width: 90 }} />
+            <col style={{ width: 90 }} />
+            <col style={{ width: 80 }} />
+            <col style={{ width: 90 }} />
+            <col style={{ width: 90 }} />
+            <col style={{ width: 120 }} />
+          </colgroup>
+          <thead>
+            <tr>
+              <th className={normalHeader} style={freezeHeader(0)}>프로젝트번호</th>
+              <th className={normalHeader} style={freezeHeader(100)}>유닛명</th>
+              <th className={normalHeader} style={freezeHeader(300)}>모품번</th>
+              <th className={normalHeader} style={freezeHeader(425)}>품번</th>
+              <th className={normalHeader} style={freezeHeader(550)}>품명</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>수량</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>3D</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>2D</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>PDF</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>EO구분</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>EO사유</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>PART구분</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>재질</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>사양(규격)</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>후처리</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>MAKER</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>대분류</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>중분류</th>
+              <th className={normalHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>Revision</th>
+              <th className={normalHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>EO No</th>
+              <th className={normalHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>EO Date</th>
+              <th className={yellowHeader} style={{ position: "sticky", top: 0, zIndex: 10, backgroundColor: "#F9FAFB" }}>비고</th>
+            </tr>
+          </thead>
+          <tbody>
+            {data.length === 0 ? (
+              <tr><td colSpan={22} className="text-center py-10 text-gray-400">데이터가 없습니다.</td></tr>
+            ) : data.map((row, idx) => {
+              const editable = isEditable(idx);
+              const frozenCell = "px-2 py-1 border border-gray-200";
+              return (
+                <tr key={idx}>
+                  <td className={frozenCell} style={freezeCell(0)}>{String(row.PROJECT_NO ?? "")}</td>
+                  <td className={frozenCell} style={freezeCell(100)}>{String(row.UNIT_NAME ?? "")}</td>
+                  <td className={frozenCell} style={freezeCell(300)}>{String(row.PARENT_PART_INFO ?? "")}</td>
+                  <td className={frozenCell} style={freezeCell(425)}>
+                    <a className="text-primary hover:underline cursor-pointer" onClick={() => openPartForm(String(row.OBJID))}>
+                      {String(row.PART_NO ?? "")}
+                    </a>
+                  </td>
+                  <td className={frozenCell} style={freezeCell(550)}>{String(row.PART_NAME ?? "")}</td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">
+                    {editable ? (
+                      <input type="number" value={String(row.Q_QTY ?? "")} onChange={(e) => updateCell(idx, "Q_QTY", e.target.value)}
+                        className="w-full h-6 text-xs border border-gray-300 rounded px-1 text-right" />
+                    ) : String(row.Q_QTY ?? "")}
+                  </td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">
+                    <FolderCell count={row.CU01_CNT} onClick={() => openFilePopup(String(row.OBJID), "3D_CAD", "3D CAD 첨부파일")} />
+                  </td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">
+                    <FolderCell count={row.CU02_CNT} onClick={() => openFilePopup(String(row.OBJID), "2D_DRAWING_CAD", "2D(Drawing) CAD 첨부파일")} />
+                  </td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">
+                    <FolderCell count={row.CU03_CNT} onClick={() => openFilePopup(String(row.OBJID), "2D_PDF_CAD", "2D(PDF) CAD 첨부파일")} />
+                  </td>
+                  <td className="px-1 py-1 border border-gray-200">{codeSel(changeTypes, String(row.CHANGE_TYPE ?? ""), (v) => updateCell(idx, "CHANGE_TYPE", v), !editable)}</td>
+                  <td className="px-1 py-1 border border-gray-200">{codeSel(changeOptions, String(row.CHANGE_OPTION ?? ""), (v) => updateCell(idx, "CHANGE_OPTION", v), !editable)}</td>
+                  <td className="px-1 py-1 border border-gray-200">{codeSel(partTypes, String(row.PART_TYPE ?? ""), (v) => updateCell(idx, "PART_TYPE", v), !editable)}</td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.MATERIAL ?? "")} onChange={(e) => updateCell(idx, "MATERIAL", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.SPEC ?? "")} onChange={(e) => updateCell(idx, "SPEC", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.POST_PROCESSING ?? "")} onChange={(e) => updateCell(idx, "POST_PROCESSING", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.MAKER ?? "")} onChange={(e) => updateCell(idx, "MAKER", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.MAJOR_CATEGORY ?? "")} onChange={(e) => updateCell(idx, "MAJOR_CATEGORY", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.SUB_CATEGORY ?? "")} onChange={(e) => updateCell(idx, "SUB_CATEGORY", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">{String(row.REVISION ?? "")}</td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">{String(row.EO_NO ?? "")}</td>
+                  <td className="px-2 py-1 border border-gray-200 text-center">{String(row.EO_DATE ?? "")}</td>
+                  <td className="px-1 py-1 border border-gray-200">
+                    <Input value={String(row.REMARK ?? "")} onChange={(e) => updateCell(idx, "REMARK", e.target.value)} disabled={!editable} className="h-6 text-xs" />
+                  </td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/part-list/page.tsx b/src/app/(main)/product/part-list/page.tsx
new file mode 100644
index 0000000..4bd8038
--- /dev/null
+++ b/src/app/(main)/product/part-list/page.tsx
@@ -0,0 +1,182 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+
+// 제품관리_PART 조회 (원본: partMng/partMngList.jsp)
+export default function PartListPage() {
+  const [searchPartNo, setSearchPartNo] = useState("");
+  const [searchPartName, setSearchPartName] = useState("");
+  const [searchRevision, setSearchRevision] = useState("0"); // 원본 JSP 기본값 = all
+  const [searchMaterial, setSearchMaterial] = useState("");
+  const [searchSpec, setSearchSpec] = useState("");
+  const [searchPartType, setSearchPartType] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const centerPopup = (url: string, name: string, w: number, h: number) => {
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, name, `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  const openPartDetail = (objId: string) => {
+    centerPopup(`/product/popup/part-form?objId=${encodeURIComponent(objId)}`, "partMngPopUp", 900, 600);
+  };
+
+  const openFilePopup = (objId: string, docType: string, docTypeName: string) => {
+    centerPopup(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "fileRegistPopUp",
+      800,
+      335,
+    );
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "품번", field: "PART_NO", width: 125, hozAlign: "left",
+      cellClick: (row) => openPartDetail(String(row.OBJID)),
+    },
+    {
+      title: "품명", field: "PART_NAME", hozAlign: "left",
+      cellClick: (row) => openPartDetail(String(row.OBJID)),
+    },
+    { title: "수량", field: "BOM_QTY", width: 50, hozAlign: "center" },
+    {
+      title: "3D", field: "CU01_CNT", width: 45, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFilePopup(String(row.OBJID), "3D_CAD", "3D CAD 첨부파일"),
+    },
+    {
+      title: "2D", field: "CU02_CNT", width: 45, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFilePopup(String(row.OBJID), "2D_DRAWING_CAD", "2D(Drawing) CAD 첨부파일"),
+    },
+    {
+      title: "PDF", field: "CU03_CNT", width: 55, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFilePopup(String(row.OBJID), "2D_PDF_CAD", "2D(PDF) CAD 첨부파일"),
+    },
+    { title: "재질", field: "MATERIAL", width: 90, hozAlign: "left" },
+    { title: "사양(규격)", field: "SPEC", width: 90, hozAlign: "left" },
+    { title: "후처리", field: "POST_PROCESSING", width: 80, hozAlign: "left" },
+    { title: "MAKER", field: "MAKER", width: 80, hozAlign: "left" },
+    { title: "대분류", field: "MAJOR_CATEGORY", width: 80, hozAlign: "left" },
+    { title: "중분류", field: "SUB_CATEGORY", width: 80, hozAlign: "left" },
+    { title: "Revision", field: "REVISION", width: 80, hozAlign: "center" },
+    { title: "EO No", field: "EO_NO", width: 90, hozAlign: "center" },
+    { title: "EO Date", field: "EO_DATE", width: 80, hozAlign: "center" },
+    { title: "PART구분", field: "PART_TYPE_TITLE", width: 88, hozAlign: "center" },
+    { title: "비고", field: "REMARK", width: 80, hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/part", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          mode: "list",
+          SEARCH_PART_NO: searchPartNo,
+          SEARCH_PART_NAME: searchPartName,
+          SEARCH_REVISION_RELEASE: searchRevision,
+          SEARCH_MATERIAL: searchMaterial,
+          SEARCH_SPEC: searchSpec,
+          SEARCH_PART_TYPE: searchPartType,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  }, [searchPartNo, searchPartName, searchRevision, searchMaterial, searchSpec, searchPartType]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleExcel = () => {
+    if (data.length === 0) {
+      Swal.fire("알림", "다운로드할 데이터가 없습니다.", "warning");
+      return;
+    }
+    const header = [
+      "품번", "품명", "수량", "3D", "2D", "PDF", "재질", "사양(규격)",
+      "후처리", "MAKER", "대분류", "중분류", "Revision", "EO No",
+      "EO Date", "PART구분", "비고",
+    ];
+    const body = data.map((r) => [
+      r.PART_NO ?? "", r.PART_NAME ?? "", r.BOM_QTY ?? "",
+      r.CU01_CNT ?? 0, r.CU02_CNT ?? 0, r.CU03_CNT ?? 0,
+      r.MATERIAL ?? "", r.SPEC ?? "", r.POST_PROCESSING ?? "",
+      r.MAKER ?? "", r.MAJOR_CATEGORY ?? "", r.SUB_CATEGORY ?? "",
+      r.REVISION ?? "", r.EO_NO ?? "", r.EO_DATE ?? "",
+      r.PART_TYPE_TITLE ?? "", r.REMARK ?? "",
+    ]);
+    const ws = XLSX.utils.aoa_to_sheet([header, ...body]);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "PART 조회");
+    const today = new Date().toISOString().slice(0, 10);
+    XLSX.writeFile(wb, `PART_조회_${today}.xlsx`);
+  };
+
+  const handleReset = () => {
+    setSearchPartNo(""); setSearchPartName(""); setSearchRevision("0");
+    setSearchMaterial(""); setSearchSpec(""); setSearchPartType("");
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품관리_PART 조회</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleReset}>초기화</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcel}>Excel Download</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="품번">
+          <Input value={searchPartNo} onChange={(e) => setSearchPartNo(e.target.value)} className="w-[194px]" />
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={searchPartName} onChange={(e) => setSearchPartName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="Revision">
+          <select
+            value={searchRevision}
+            onChange={(e) => setSearchRevision(e.target.value)}
+            className="h-9 w-[150px] rounded border border-gray-300 bg-white px-2 text-sm"
+          >
+            <option value="1">current</option>
+            <option value="0">all</option>
+          </select>
+        </SearchField>
+        <SearchField label="재질">
+          <Input value={searchMaterial} onChange={(e) => setSearchMaterial(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="사양(규격)">
+          <Input value={searchSpec} onChange={(e) => setSearchSpec(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="부품 유형">
+          <SearchableCodeSelect codeId="0000062" value={searchPartType} onChange={setSearchPartType} className="w-[150px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} loading={loading} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/part-register/page.tsx b/src/app/(main)/product/part-register/page.tsx
new file mode 100644
index 0000000..7bb9934
--- /dev/null
+++ b/src/app/(main)/product/part-register/page.tsx
@@ -0,0 +1,238 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import Swal from "sweetalert2";
+
+// 제품관리_PART 등록 (원본: partMng/partMngTempList.jsp)
+export default function PartRegisterPage() {
+  const currentYear = new Date().getFullYear();
+  const [searchYear, setSearchYear] = useState("");
+  const [searchPartNo, setSearchPartNo] = useState("");
+  const [searchPartName, setSearchPartName] = useState("");
+  const [writer, setWriter] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const centerPopup = (url: string, name: string, w: number, h: number) => {
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, name, `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  const openPartForm = (objId?: string) => {
+    const url = objId
+      ? `/product/popup/part-form?objId=${encodeURIComponent(objId)}`
+      : `/product/popup/part-form`;
+    centerPopup(url, "partMngPopUp", 900, 600);
+  };
+
+  const openFileRegist = (objId: string, docType: string, docTypeName: string) => {
+    centerPopup(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "fileRegistPopUp",
+      800,
+      300,
+    );
+  };
+
+  const columns: GridColumn[] = [
+    { title: "순", field: "RNUM", width: 50, hozAlign: "center" },
+    { title: "품명", field: "PART_NAME", width: 240, hozAlign: "left", frozen: true },
+    { title: "모품번", field: "PARENT_PART_INFO", width: 120, hozAlign: "left", frozen: true },
+    {
+      title: "품번", field: "PART_NO", width: 160, hozAlign: "left", frozen: true,
+      cellClick: (row) => openPartForm(String(row.OBJID)),
+    },
+    { title: "수량", field: "Q_QTY", width: 70, hozAlign: "right" },
+    {
+      title: "3D", field: "CU01_CNT", width: 60, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFileRegist(String(row.OBJID), "3D_CAD", "3D CAD 첨부파일"),
+    },
+    {
+      title: "2D", field: "CU02_CNT", width: 60, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFileRegist(String(row.OBJID), "2D_DRAWING_CAD", "2D(Drawing) CAD 첨부파일"),
+    },
+    {
+      title: "PDF", field: "CU03_CNT", width: 60, hozAlign: "center",
+      formatter: (cell) => <FolderCell count={cell} />,
+      cellClick: (row) => openFileRegist(String(row.OBJID), "2D_PDF_CAD", "2D(PDF) CAD 첨부파일"),
+    },
+    { title: "재질", field: "MATERIAL", width: 100, hozAlign: "left" },
+    { title: "사양(규격)", field: "SPEC", width: 180, hozAlign: "left" },
+    { title: "후처리", field: "POST_PROCESSING", width: 90, hozAlign: "left" },
+    { title: "MAKER", field: "MAKER", width: 90, hozAlign: "left" },
+    { title: "대분류", field: "MAJOR_CATEGORY", width: 110, hozAlign: "left" },
+    { title: "중분류", field: "SUB_CATEGORY", width: 110, hozAlign: "left" },
+    { title: "Revision", field: "REVISION", width: 80, hozAlign: "center" },
+    { title: "EO No", field: "EO_NO", width: 90, hozAlign: "center" },
+    { title: "EO Date", field: "EO_DATE", width: 100, hozAlign: "center" },
+    { title: "PART 구분", field: "PART_TYPE_TITLE", width: 100, hozAlign: "center" },
+    { title: "비고", field: "REMARK", width: 120, hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/part", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          mode: "register",
+          SEARCH_YEAR: searchYear,
+          SEARCH_PART_NO: searchPartNo,
+          SEARCH_PART_NAME: searchPartName,
+          WRITER: writer,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+        setSelectedRows([]);
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  }, [searchYear, searchPartNo, searchPartName, writer]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleDeploy = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 Part가 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "같은 Part는 동시 확정됩니다. 선택된 Part를 확정하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const res = await fetch("/api/product/part/deploy", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ rows: selectedRows }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message, "error");
+    }
+  };
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 Part가 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "선택된 Part를 삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const res = await fetch("/api/product/part/delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((row) => String(row.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message, "error");
+    }
+  };
+
+  const handleExcelPopup = () => {
+    centerPopup(
+      "/product/popup/part-excel-import",
+      "openPartExcelImportPopUp",
+      1520,
+      860,
+    );
+  };
+
+  const handleReset = () => {
+    setSearchYear(""); setSearchPartNo(""); setSearchPartName(""); setWriter("");
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">제품관리_PART 등록</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleDeploy}>확정</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={() => openPartForm()}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={handleExcelPopup}>등록(Excel Upload)</Button>
+          <Button size="sm" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="secondary" onClick={handleReset}>초기화</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={searchYear} onChange={(e) => setSearchYear(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="품번">
+          <Input value={searchPartNo} onChange={(e) => setSearchPartNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={searchPartName} onChange={(e) => setSearchPartName(e.target.value)} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="등록자">
+          <SearchableSelect options={users} value={writer} onChange={setWriter} className="w-[160px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        loading={loading}
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/product/spec/page.tsx b/src/app/(main)/product/spec/page.tsx
new file mode 100644
index 0000000..2b6b0d8
--- /dev/null
+++ b/src/app/(main)/product/spec/page.tsx
@@ -0,0 +1,116 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import Swal from "sweetalert2";
+
+// 사양관리
+export default function ProductSpecPage() {
+  const [projectNo, setProjectNo] = useState("");
+  const [specName, setSpecName] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트번호", field: "PROJECT_NO", width: 130, hozAlign: "center",
+      cellClick: (row) => {
+        window.open(
+          `/product/spec/detail?objId=${row.OBJID}`,
+          "specDetail",
+          "width=1000,height=700"
+        );
+      },
+    },
+    { title: "프로젝트명", field: "PROJECT_NAME", width: 200, hozAlign: "left" },
+    { title: "사양명", field: "SPEC_NAME", width: 200, hozAlign: "left" },
+    { title: "사양값", field: "SPEC_VALUE", width: 150, hozAlign: "left" },
+    { title: "단위", field: "UNIT", width: 80, hozAlign: "center" },
+    { title: "비고", field: "REMARK", width: 200, hozAlign: "left" },
+    { title: "등록일", field: "REG_DATE", width: 100, hozAlign: "center" },
+    { title: "등록자", field: "REG_USER_NAME", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    try {
+      const res = await fetch("/api/product/spec", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ project_no: projectNo, spec_name: specName }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    }
+  }, [projectNo, specName]);
+
+  const handleAdd = async () => {
+    const { value: form } = await Swal.fire({
+      title: "사양 등록",
+      html: `
+        <div style="text-align:left;font-size:13px">
+          <label style="display:block;margin-bottom:4px">프로젝트번호</label>
+          <input id="swal-pn" class="swal2-input" style="width:100%;margin:0 0 8px" />
+          <label style="display:block;margin-bottom:4px">사양명 <span style="color:red">*</span></label>
+          <input id="swal-sn" class="swal2-input" style="width:100%;margin:0 0 8px" />
+          <label style="display:block;margin-bottom:4px">사양값</label>
+          <input id="swal-sv" class="swal2-input" style="width:100%;margin:0 0 8px" />
+          <label style="display:block;margin-bottom:4px">단위</label>
+          <input id="swal-un" class="swal2-input" style="width:100%;margin:0" />
+        </div>`,
+      showCancelButton: true, confirmButtonText: "저장", cancelButtonText: "취소",
+      preConfirm: () => ({
+        project_no: (document.getElementById("swal-pn") as HTMLInputElement)?.value,
+        spec_name: (document.getElementById("swal-sn") as HTMLInputElement)?.value,
+        spec_value: (document.getElementById("swal-sv") as HTMLInputElement)?.value,
+        unit: (document.getElementById("swal-un") as HTMLInputElement)?.value,
+      }),
+    });
+    if (!form || !form.spec_name) return;
+    const res = await fetch("/api/product/spec/save", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ actionType: "regist", ...form }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else Swal.fire("오류", json.message || "저장 실패", "error");
+  };
+
+  const handleDelete = () => {
+    Swal.fire("알림", "항목을 선택한 뒤 다시 시도하세요 (리스트 삭제는 별도 구현 예정)", "info");
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">사양관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleAdd}>등록</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="사양명">
+          <Input value={specName} onChange={(e) => setSpecName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} showCheckbox />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/inspection/page.tsx b/src/app/(main)/production/inspection/page.tsx
new file mode 100644
index 0000000..8c57cc8
--- /dev/null
+++ b/src/app/(main)/production/inspection/page.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+
+// productionplanning/inspectionMgmtList.jsp 대응 - 생산관리_검사관리
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionInspectionPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selected, setSelected] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openInspection = (objId: string) =>
+    openPopup(`/production/inspection-popup?objId=${encodeURIComponent(objId)}`, "inspection", 1300, 700);
+  const openFiles = (targetObjId: string, docType: string, docTypeName: string) =>
+    openPopup(
+      `/common/files?targetObjId=${encodeURIComponent(targetObjId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "filePopup", 800, 500
+    );
+
+  const handleRegister = () => {
+    if (selected.length === 0) {
+      Swal.fire({ icon: "warning", title: "선택된 내용이 없습니다." });
+      return;
+    }
+    if (selected.length > 1) {
+      Swal.fire({ icon: "warning", title: "한번에 1개의 내용만 등록 가능합니다." });
+      return;
+    }
+    openInspection(String(selected[0].OBJID));
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center", frozen: true,
+          cellClick: (row) => openProjectForm(String(row.OBJID)) },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 250, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 130, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 110, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "검사결과",
+      columns: [
+        { title: "체크리스트", field: "INSPECTION_CNT", width: 110, hozAlign: "center",
+          formatter: (v) => <FolderCell count={v} />,
+          cellClick: (row) => openInspection(String(row.OBJID)) },
+        { title: "입회검사", field: "ADMISSION_INSPECTION_CNT", width: 110, hozAlign: "center",
+          formatter: (v) => <FolderCell count={v} />,
+          cellClick: (row) => openFiles(String(row.OBJID), "ADMISSION_INSPECTION_FILE", "입회검사") },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/inspection", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, customer_objid: customerObjid, product, pm_user_id: pmUserId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchData;
+    return () => { delete (window as unknown as { fn_search?: () => void }).fn_search; };
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_검사관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleRegister}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelected}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/issue/page.tsx b/src/app/(main)/production/issue/page.tsx
new file mode 100644
index 0000000..56bde61
--- /dev/null
+++ b/src/app/(main)/production/issue/page.tsx
@@ -0,0 +1,155 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// productionplanning/issuemgmtList.jsp 대응 - 생산관리_이슈관리
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionIssuePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [issueCategory, setIssueCategory] = useState("");
+  const [issueType, setIssueType] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selected, setSelected] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openIssueForm = (objId: string) =>
+    openPopup(`/production/issue/form?objId=${encodeURIComponent(objId)}`, "issueForm", 1100, 800);
+
+  const handleRegister = () => openIssueForm("");
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/issue", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year, project_no: projectNo, unit_code: unitCode,
+        issue_category: issueCategory, issue_type: issueType,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, unitCode, issueCategory, issueType]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchData;
+    return () => { delete (window as unknown as { fn_search?: () => void }).fn_search; };
+  }, [fetchData]);
+
+  const handleAction = async (action: "delete" | "release") => {
+    if (selected.length === 0) {
+      Swal.fire({ icon: "warning", title: "선택된 대상이 없습니다." });
+      return;
+    }
+    const targets = selected.filter((r) => String(r.STATUS || "") === "write");
+    if (targets.length === 0) {
+      Swal.fire({ icon: "warning", title: "등록중인 데이터만 처리 가능합니다." });
+      return;
+    }
+    const title = action === "delete" ? "선택된 데이터를 삭제하시겠습니까?" : "선택된 데이터를 배포하시겠습니까?";
+    const r = await Swal.fire({
+      title, icon: "warning",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const objIds = targets.map((t) => String(t.OBJID));
+    const res = await fetch("/api/production/issue/save", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ actionType: action, objIds }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message || "완료", timer: 1000, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", j.message || "처리 실패", "error");
+    }
+  };
+
+  const columns: GridColumn[] = [
+    { title: "이슈번호", field: "ISSUE_NO", width: 110, hozAlign: "center",
+      cellClick: (row) => openIssueForm(String(row.OBJID)) },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 110, hozAlign: "center",
+      cellClick: (row) => openProjectForm(String(row.PROJECT_OBJID)) },
+    { title: "유닛명", field: "UNIT_CODE_NAME", width: 140, hozAlign: "left" },
+    { title: "품번", field: "PART_NO", width: 120, hozAlign: "left" },
+    { title: "품명", field: "PART_NAME", width: 140, hozAlign: "left" },
+    { title: "이슈구분", field: "ISSUE_CATEGORY_NAME", width: 100, hozAlign: "center" },
+    { title: "이슈유형", field: "ISSUE_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "이슈내용", field: "CONTENT", width: 220, hozAlign: "left" },
+    { title: "등록일", field: "REG_DATE_TEXT", width: 100, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+    { title: "설계담당자", field: "DESIGN_USERID_NAME", width: 100, hozAlign: "center" },
+    { title: "구매담당자", field: "PURCHASE_USERID_NAME", width: 100, hozAlign: "center" },
+    { title: "품질담당자", field: "QUALITY_USERID_NAME", width: 100, hozAlign: "center" },
+    { title: "생산담당자", field: "PRODUCTION_USERID_NAME", width: 100, hozAlign: "center" },
+    { title: "조치결과", field: "DESIGN_RESULT_NAME", width: 100, hozAlign: "center" },
+    { title: "조치일", field: "DESIGN_DATE", width: 100, hozAlign: "center" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_이슈관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="danger" onClick={() => handleAction("delete")}>삭제</Button>
+          <Button size="sm" onClick={() => handleAction("release")}>배포</Button>
+          <Button size="sm" onClick={handleRegister}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="유닛명">
+          <Input value={unitCode} onChange={(e) => setUnitCode(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="이슈구분">
+          <CodeSelect codeId="ISSUE_CATEGORY" value={issueCategory} onChange={setIssueCategory} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="이슈유형">
+          <CodeSelect codeId={issueCategory || "ISSUE_TYPE"} value={issueType} onChange={setIssueType} className="w-[140px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelected}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/page.tsx b/src/app/(main)/production/page.tsx
new file mode 100644
index 0000000..5bda54f
--- /dev/null
+++ b/src/app/(main)/production/page.tsx
@@ -0,0 +1,68 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// ProductionMng/ProdMgmList.jsp 대응 - 생산관리
+export default function ProductionPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120 },
+    { title: "제품명", field: "PRODUCT_NAME", width: 180, hozAlign: "left",
+      cellClick: (row) => window.open(`/sales/contract/form?objId=${row.OBJID}`, "prodDetail", "width=1200,height=800") },
+    { title: "유닛명", field: "UNIT_NAME", width: 150, hozAlign: "left" },
+    { title: "생산수량", field: "PROD_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "완료수량", field: "COMPLETE_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "진행율", field: "PROGRESS_RATE", width: 80, hozAlign: "center",
+      formatter: (_cell, row) => `${row.PROGRESS_RATE || 0}%` },
+    { title: "시작일", field: "START_DATE", width: 100, hozAlign: "center" },
+    { title: "종료일", field: "END_DATE", width: 100, hozAlign: "center" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/planning/page.tsx b/src/app/(main)/production/planning/page.tsx
new file mode 100644
index 0000000..2947a32
--- /dev/null
+++ b/src/app/(main)/production/planning/page.tsx
@@ -0,0 +1,142 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+
+// productionplanning/planningList.jsp 대응 - 생산관리_생산계획수립
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionPlanningPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openAssemblyWbs = (objId: string) =>
+    openPopup(`/project/wbs-task?objId=${encodeURIComponent(objId)}`, "wbsTask", 900, 800);
+  const openSetupWbs = (objId: string) =>
+    openPopup(`/project/wbs-setup?objId=${encodeURIComponent(objId)}`, "wbsSetup", 1100, 750);
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center", frozen: true,
+          cellClick: (row) => openProjectForm(String(row.OBJID)) },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 250, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 110, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 110, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "조립(▤)",
+      columns: [
+        { title: "WBS", field: "WBS_CNT", width: 70, hozAlign: "center",
+          formatter: (v) => <FolderCell count={v} />,
+          cellClick: (row) => openAssemblyWbs(String(row.OBJID)) },
+        {
+          title: "계획",
+          columns: [
+            { title: "시작일", field: "PRODUCE_PLAN_START", width: 100, hozAlign: "center" },
+            { title: "종료일", field: "PRODUCE_PLAN_END", width: 100, hozAlign: "center" },
+          ],
+        },
+        {
+          title: "실적",
+          columns: [
+            { title: "시작일", field: "PRODUCE_ACT_START", width: 100, hozAlign: "center" },
+            { title: "종료일", field: "PRODUCE_ACT_END", width: 100, hozAlign: "center" },
+          ],
+        },
+      ],
+    },
+    {
+      title: "셋업(▤)",
+      columns: [
+        { title: "WBS", field: "SETUP_WBS_CNT", width: 70, hozAlign: "center",
+          formatter: (v) => <FolderCell count={v} />,
+          cellClick: (row) => openSetupWbs(String(row.OBJID)) },
+        {
+          title: "계획",
+          columns: [
+            { title: "시작일", field: "SETUP_PLAN_START", width: 100, hozAlign: "center" },
+            { title: "종료일", field: "SETUP_PLAN_END", width: 100, hozAlign: "center" },
+          ],
+        },
+        {
+          title: "실적",
+          columns: [
+            { title: "시작일", field: "SETUP_ACT_START", width: 100, hozAlign: "center" },
+            { title: "종료일", field: "SETUP_ACT_END", width: 100, hozAlign: "center" },
+          ],
+        },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/planning", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, customer_objid: customerObjid, product, pm_user_id: pmUserId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_생산계획수립</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/process/page.tsx b/src/app/(main)/production/process/page.tsx
new file mode 100644
index 0000000..7647d07
--- /dev/null
+++ b/src/app/(main)/production/process/page.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// productionplanning/processperformanceList.jsp 대응 - 생산관리_공정실적관리
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionProcessPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openAssemblyPopup = (row: Record<string, unknown>) =>
+    openPopup(
+      `/production/assembly-popup?objId=${encodeURIComponent(String(row.OBJID || ""))}`,
+      "assemblyList", 1300, 800
+    );
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center", frozen: true,
+          cellClick: (row) => openProjectForm(String(row.CONTRACT_OBJID)) },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 140, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 250, hozAlign: "left" },
+        { title: "요청납기일", field: "DUE_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 110, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 100, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "조립(제작)",
+      columns: [
+        {
+          title: "E-BOM/구매 BOM",
+          columns: [
+            { title: "유닛명", field: "UNIT_NAME", width: 270, hozAlign: "left" },
+          ],
+        },
+        {
+          title: "생산BOM",
+          columns: [
+            { title: "조립총수", field: "BOM_CNT", width: 90, hozAlign: "right", formatter: "money",
+              cellClick: (row) => openAssemblyPopup(row) },
+            { title: "조립품수", field: "ASSING_CNT", width: 90, hozAlign: "right", formatter: "money",
+              cellClick: (row) => openAssemblyPopup(row) },
+            { title: "공정율(%)", field: "AS_RATE", width: 90, hozAlign: "right" },
+          ],
+        },
+        {
+          title: "작업공수(H)",
+          columns: [
+            { title: "투입공수", field: "TOTAL_SUM", width: 90, hozAlign: "right", formatter: "money" },
+            { title: "자사", field: "INSOURCING_SUM", width: 80, hozAlign: "right", formatter: "money" },
+            { title: "외주", field: "OUTSOURCING_SUM", width: 80, hozAlign: "right", formatter: "money" },
+          ],
+        },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/process", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, customer_objid: customerObjid }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_공정실적관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/release/page.tsx b/src/app/(main)/production/release/page.tsx
new file mode 100644
index 0000000..bf1f268
--- /dev/null
+++ b/src/app/(main)/production/release/page.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+
+// productionplanning/releaseMgmtList.jsp 대응 - 생산관리_출고관리
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionReleasePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selected, setSelected] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openReleaseForm = (row: Record<string, unknown>) => {
+    const rObj = row.RELEASE_OBJID ? String(row.RELEASE_OBJID) : "";
+    const qs = new URLSearchParams({
+      parentObjId: String(row.OBJID || ""),
+      product: String(row.PRODUCT || ""),
+      productGroup: String(row.PRODUCT_GROUP || ""),
+      ...(rObj ? { objId: rObj } : {}),
+    }).toString();
+    openPopup(`/production/release/form?${qs}`, "releaseForm", 900, 500);
+  };
+  const openInspection = (objId: string) =>
+    openPopup(`/production/inspection-popup?objId=${encodeURIComponent(objId)}`, "inspection", 1300, 700);
+  const openFiles = (targetObjId: string, docType: string, docTypeName: string) =>
+    openPopup(
+      `/common/files?targetObjId=${encodeURIComponent(targetObjId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "filePopup", 800, 500
+    );
+
+  const handleRegister = () => {
+    if (selected.length === 0) {
+      Swal.fire({ icon: "warning", title: "선택된 내용이 없습니다." });
+      return;
+    }
+    if (selected.length > 1) {
+      Swal.fire({ icon: "warning", title: "한번에 1개의 내용만 등록 가능합니다." });
+      return;
+    }
+    openReleaseForm(selected[0]);
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center", frozen: true,
+          cellClick: (row) => openProjectForm(String(row.OBJID)) },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 140, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 230, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 130, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 100, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "출고관리",
+      columns: [
+        {
+          title: "검사결과",
+          columns: [
+            { title: "체크리스트", field: "INSPECTION_CNT", width: 100, hozAlign: "center",
+              formatter: (v) => <FolderCell count={v} />,
+              cellClick: (row) => openInspection(String(row.OBJID)) },
+            { title: "입회검사", field: "ADMISSION_INSPECTION_CNT", width: 100, hozAlign: "center",
+              formatter: (v) => <FolderCell count={v} />,
+              cellClick: (row) => openFiles(String(row.OBJID), "ADMISSION_INSPECTION_FILE", "입회검사") },
+          ],
+        },
+        {
+          title: "출고내역",
+          columns: [
+            { title: "출하지시서", field: "RELEASE_ORDER_CNT", width: 100, hozAlign: "center",
+              formatter: (v) => <FolderCell count={v} />,
+              cellClick: (row) => {
+                const rObj = row.RELEASE_OBJID ? String(row.RELEASE_OBJID) : "";
+                if (!rObj) {
+                  Swal.fire({ icon: "info", title: "출고 등록 후 첨부 가능합니다." });
+                  return;
+                }
+                openFiles(rObj, "RELEASE_ORDER", "출하지시서");
+              } },
+            { title: "출고일", field: "RELEASE_DATE", width: 100, hozAlign: "center" },
+            { title: "담당자", field: "RELEASE_WRITER", width: 100, hozAlign: "center" },
+            { title: "상태", field: "RELEASE_STATUS_TITLE", width: 90, hozAlign: "center" },
+          ],
+        },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/release", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, customer_objid: customerObjid, product, pm_user_id: pmUserId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchData;
+    return () => { delete (window as unknown as { fn_search?: () => void }).fn_search; };
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_출고관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleRegister}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelected}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/setup/page.tsx b/src/app/(main)/production/setup/page.tsx
new file mode 100644
index 0000000..3a75080
--- /dev/null
+++ b/src/app/(main)/production/setup/page.tsx
@@ -0,0 +1,117 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// productionplanning/setupmgmtList.jsp 대응 - 생산관리_셋업관리
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionSetupPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openSetupWbs = (objId: string) =>
+    openPopup(`/project/wbs-setup?objId=${encodeURIComponent(objId)}`, "wbsSetup", 1200, 800);
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center", frozen: true,
+          cellClick: (row) => openProjectForm(String(row.OBJID)) },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 240, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 110, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 100, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "셋업",
+      columns: [
+        {
+          title: "셋업WBS",
+          columns: [
+            { title: "TASK총수", field: "TASK_CNT", width: 90, hozAlign: "right", formatter: "money",
+              cellClick: (row) => openSetupWbs(String(row.OBJID)) },
+            { title: "완료TASK", field: "COMPLETE_CNT", width: 90, hozAlign: "right", formatter: "money" },
+            { title: "공정율(%)", field: "SETUP_RATE", width: 90, hozAlign: "right" },
+          ],
+        },
+        {
+          title: "투입인원(명)",
+          columns: [
+            { title: "자사", field: "EMPLOYEES_IN", width: 80, hozAlign: "right", formatter: "money" },
+            { title: "외주", field: "EMPLOYEES_OUT", width: 80, hozAlign: "right", formatter: "money" },
+            { title: "(계)", field: "EMPLOYEES_TOTAL", width: 80, hozAlign: "right", formatter: "money" },
+          ],
+        },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/setup", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, customer_objid: customerObjid, product, pm_user_id: pmUserId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_셋업관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/production/status/page.tsx b/src/app/(main)/production/status/page.tsx
new file mode 100644
index 0000000..a7bd3bd
--- /dev/null
+++ b/src/app/(main)/production/status/page.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// productionplanning/planningdashboard.jsp 대응 - 생산관리_현황
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function ProductionStatusPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const openProjectForm = (objId: string) =>
+    openPopup(`/project/modify?objId=${encodeURIComponent(objId)}`, "projectForm", 520, 650);
+  const openAssemblyWbs = (objId: string) =>
+    openPopup(`/project/wbs-task?objId=${encodeURIComponent(objId)}`, "wbsTask", 900, 800);
+  const openSetupWbs = (objId: string) =>
+    openPopup(`/project/wbs-setup?objId=${encodeURIComponent(objId)}`, "wbsSetup", 1100, 750);
+  const openIssueList = (objId: string, status: string) =>
+    openPopup(
+      `/production/issue-popup?status=${encodeURIComponent(status)}&project_no=${encodeURIComponent(objId)}`,
+      "issueList", 1720, 900
+    );
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트정보",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center", frozen: true,
+          cellClick: (row) => openProjectForm(String(row.OBJID)) },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 130, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 260, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 130, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 90, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "진척관리",
+      columns: [
+        {
+          title: "조립(제작)",
+          columns: [
+            { title: "공정율(%)", field: "ASSEMBLY_RATE", width: 90, hozAlign: "center",
+              cellClick: (row) => openAssemblyWbs(String(row.OBJID)) },
+            { title: "종료일", field: "ASSEMBLY_DATE_END", width: 100, hozAlign: "center" },
+            { title: "투입공수(H)", field: "ASSEMBLY_EMPLOYEES_TOTAL", width: 100, hozAlign: "right", formatter: "money" },
+          ],
+        },
+        {
+          title: "셋업",
+          columns: [
+            { title: "공정율(%)", field: "SETUP_RATE", width: 90, hozAlign: "center",
+              cellClick: (row) => openSetupWbs(String(row.OBJID)) },
+            { title: "종료일", field: "SETUP_ACT_END", width: 100, hozAlign: "center" },
+            { title: "투입공수(H)", field: "EMPLOYEES_TOTAL", width: 100, hozAlign: "right", formatter: "money" },
+          ],
+        },
+      ],
+    },
+    {
+      title: "이슈관리",
+      columns: [
+        { title: "조치율(%)", field: "ISSUE_RATE", width: 90, hozAlign: "center" },
+        { title: "발생", field: "ISSUE_CNT", width: 80, hozAlign: "center",
+          cellClick: (row) => openIssueList(String(row.OBJID), "all") },
+        { title: "조치", field: "COMP_CNT", width: 80, hozAlign: "center",
+          cellClick: (row) => openIssueList(String(row.OBJID), "complete") },
+        { title: "미결", field: "MISS_CNT", width: 80, hozAlign: "center",
+          cellClick: (row) => openIssueList(String(row.OBJID), "late") },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/status", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, customer_objid: customerObjid, product, pm_user_id: pmUserId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, customerObjid, product, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">생산관리_현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <CodeSelect codeId="CUSTOMER" value={customerObjid} onChange={setCustomerObjid} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <CodeSelect codeId="PRODUCT_TYPE" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <CodeSelect codeId="PM_USER" value={pmUserId} onChange={setPmUserId} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/project/page.tsx b/src/app/(main)/project/page.tsx
new file mode 100644
index 0000000..1be13c6
--- /dev/null
+++ b/src/app/(main)/project/page.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// project/projectList.jsp 대응 - 프로젝트관리
+export default function ProjectPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [projectName, setProjectName] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 130,
+      cellClick: (row) => window.open(`/sales/contract/form?objId=${row.OBJID}`, "projectDetail", "width=1200,height=900") },
+    { title: "프로젝트명", field: "PROJECT_NAME", width: 250, hozAlign: "left" },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+    { title: "제품명", field: "PRODUCT_NAME", width: 150, hozAlign: "left" },
+    { title: "제조공장", field: "MANUFACTURE_PLANT_NAME", width: 120, hozAlign: "center" },
+    { title: "상태", field: "STATUS", width: 80, hozAlign: "center" },
+    { title: "진행율", field: "TOTAL_RATE", width: 80, hozAlign: "center",
+      formatter: (_cell, row) => `${row.TOTAL_RATE || 0}%` },
+    { title: "PM", field: "PM_NAME", width: 90, hozAlign: "center" },
+    { title: "시작일", field: "START_DATE", width: 100, hozAlign: "center" },
+    { title: "종료일", field: "END_DATE", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/project", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, project_no: projectNo, project_name: projectName }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, projectNo, projectName]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">프로젝트관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="프로젝트명">
+          <Input value={projectName} onChange={(e) => setProjectName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/project/progress/page.tsx b/src/app/(main)/project/progress/page.tsx
new file mode 100644
index 0000000..c595a0a
--- /dev/null
+++ b/src/app/(main)/project/progress/page.tsx
@@ -0,0 +1,238 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+// 프로젝트관리_일정관리(WBS) (원본: project/projectMgmtWbsList.jsp)
+export default function ProjectProgressPage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState(String(currentYear));
+  const [projectNo, setProjectNo] = useState("");
+  const [categoryCd, setCategoryCd] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [contractStartDate, setContractStartDate] = useState("");
+  const [contractEndDate, setContractEndDate] = useState("");
+  const [location, setLocation] = useState("");
+  const [setup, setSetup] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const [projectNoOpts, setProjectNoOpts] = useState<{ value: string; label: string }[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [pmUsers, setPmUsers] = useState<{ value: string; label: string }[]>([]);
+
+  useEffect(() => {
+    fetch("/api/sales/contract/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setProjectNoOpts((d.rows || []).map((r: Record<string, unknown>) => ({
+        value: String(r.CODE ?? r.code ?? ""),
+        label: String(r.NAME ?? r.name ?? ""),
+      }))))
+      .catch(() => {});
+    fetch("/api/sales/customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.SUPPLY_NAME || ""),
+      }))))
+      .catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setPmUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const centerPopup = (url: string, name: string, w: number, h: number) => {
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, name, `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  const openProjectModify = (objId: string) =>
+    centerPopup(`/project/modify?objId=${objId}&actionType=edit`, "projectModifyPopUp", 500, 400);
+  const openWbsPopUp = (objId: string, categoryCd: string) =>
+    centerPopup(`/project/wbs-task?OBJID=${objId}&CATEGORY_CD=${categoryCd}`, "wbsTaskPopUp", 1700, 800);
+  const openSetupWbsPopUp = (objId: string) =>
+    centerPopup(`/project/wbs-setup?OBJID=${objId}`, "setupWbsPopUp", 1100, 750);
+
+  // 카테고리별 클릭 팝업 — 설계/구매/제작은 wbs, 셋업은 setup_wbs
+  const wbsClick = (row: Record<string, unknown>) =>
+    openWbsPopUp(String(row.OBJID), String(row.CATEGORY_CD ?? ""));
+  const setupClick = (row: Record<string, unknown>) => openSetupWbsPopUp(String(row.OBJID));
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트번호", field: "PROJECT_NO", width: 100, frozen: true, hozAlign: "left",
+      cellClick: (row) => openProjectModify(String(row.OBJID)),
+    },
+    {
+      title: "프로젝트정보", headerHozAlign: "center",
+      columns: [
+        { title: "계약구분", field: "CATEGORY_NAME", width: 80, hozAlign: "center" },
+        { title: "차수", field: "OVERHAUL_ORDER", width: 60, hozAlign: "center" },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 120, hozAlign: "left" },
+        { title: "당사프로젝트명", field: "PROJECT_NAME", width: 160, hozAlign: "left" },
+        { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 90, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 80, hozAlign: "center" },
+        { title: "제작공장", field: "MANUFACTURE_PLANT_NAME", width: 100, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "설계 및 구매", headerHozAlign: "center",
+      columns: [
+        {
+          title: "설계관리", headerHozAlign: "center",
+          columns: [
+            {
+              title: "공정율(%)", field: "DESIGN_RATETOTAL", width: 90, hozAlign: "center",
+              formatter: (_c, row) => `${row.DESIGN_RATETOTAL ?? 0}%`,
+              cellClick: wbsClick,
+            },
+            { title: "🟢 완료", field: "DESIGN_COMP_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+            { title: "🟡 지연완료", field: "DESIGN_LATE_COMP_CNT", width: 90, hozAlign: "center", cellClick: wbsClick },
+            { title: "🔵 진행중", field: "DESIGN_ING_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+            { title: "🔴 지연", field: "DESIGN_LATE_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+          ],
+        },
+        {
+          title: "구매관리", headerHozAlign: "center",
+          columns: [
+            {
+              title: "공정율(%)", field: "PURCHASE_RATETOTAL", width: 90, hozAlign: "center",
+              formatter: (_c, row) => `${row.PURCHASE_RATETOTAL ?? 0}%`,
+              cellClick: wbsClick,
+            },
+            { title: "🟢 완료", field: "PURCHASE_COMP_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+            { title: "🟡 지연완료", field: "PURCHASE_LATE_COMP_CNT", width: 90, hozAlign: "center", cellClick: wbsClick },
+            { title: "🔵 진행중", field: "PURCHASE_ING_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+            { title: "🔴 지연", field: "PURCHASE_LATE_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+          ],
+        },
+      ],
+    },
+    {
+      title: "설비조립 및 셋업", headerHozAlign: "center",
+      columns: [
+        {
+          title: "조립(제작)관리", headerHozAlign: "center",
+          columns: [
+            {
+              title: "공정율(%)", field: "PRODUCE_RATETOTAL", width: 90, hozAlign: "center",
+              formatter: (_c, row) => `${row.PRODUCE_RATETOTAL ?? 0}%`,
+              cellClick: wbsClick,
+            },
+            { title: "🟢 완료", field: "PRODUCE_COMP_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+            { title: "🟡 지연완료", field: "PRODUCE_LATE_COMP_CNT", width: 90, hozAlign: "center", cellClick: wbsClick },
+            { title: "🔵 진행중", field: "PRODUCE_ING_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+            { title: "🔴 지연", field: "PRODUCE_LATE_CNT", width: 80, hozAlign: "center", cellClick: wbsClick },
+          ],
+        },
+        {
+          title: "셋업관리", headerHozAlign: "center",
+          columns: [
+            {
+              title: "공정율(%)", field: "SETUP_RATETOTAL", width: 90, hozAlign: "center",
+              formatter: (_c, row) => `${row.SETUP_RATETOTAL ?? 0}%`,
+              cellClick: setupClick,
+            },
+            { title: "완료", field: "SETUP_COMP_CNT", width: 80, hozAlign: "center", cellClick: setupClick },
+            { title: "지연완료", field: "SETUP_LATE_COMP_CNT", width: 90, hozAlign: "center", cellClick: setupClick },
+            { title: "진행중", field: "SETUP_ING_CNT", width: 80, hozAlign: "center", cellClick: setupClick },
+            { title: "지연", field: "SETUP_LATE_CNT", width: 80, hozAlign: "center", cellClick: setupClick },
+          ],
+        },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    try {
+      const res = await fetch("/api/project/progress", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          Year: year,
+          project_no: projectNo,
+          category_cd: categoryCd,
+          customer_objid: customerObjid,
+          product,
+          contract_start_date: contractStartDate,
+          contract_end_date: contractEndDate,
+          location,
+          setup,
+          pm_user_id: pmUserId,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    }
+  }, [year, projectNo, categoryCd, customerObjid, product, contractStartDate, contractEndDate, location, setup, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">프로젝트관리_일정관리(WBS)</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projectNoOpts} value={projectNo} onChange={setProjectNo} className="w-[240px]" />
+        </SearchField>
+        <SearchField label="계약구분">
+          <SearchableCodeSelect codeId="0000167" value={categoryCd} onChange={setCategoryCd} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <SearchableSelect options={customers} value={customerObjid} onChange={setCustomerObjid} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="예상납기일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={contractStartDate} onChange={(e) => setContractStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-xs text-gray-500">~</span>
+            <Input type="date" value={contractEndDate} onChange={(e) => setContractEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="입고지">
+          <Input value={location} onChange={(e) => setLocation(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="셋업지">
+          <Input value={setup} onChange={(e) => setSetup(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <SearchableSelect options={pmUsers} value={pmUserId} onChange={setPmUserId} className="w-[160px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/project/status/page.tsx b/src/app/(main)/project/status/page.tsx
new file mode 100644
index 0000000..85d6ce9
--- /dev/null
+++ b/src/app/(main)/project/status/page.tsx
@@ -0,0 +1,252 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+// 프로젝트관리_진행관리 (원본: project/projectMgmtList.jsp)
+export default function ProjectStatusPage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState(String(currentYear));
+  const [projectNo, setProjectNo] = useState("");
+  const [categoryCd, setCategoryCd] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [contractStartDate, setContractStartDate] = useState("");
+  const [contractEndDate, setContractEndDate] = useState("");
+  const [location, setLocation] = useState("");
+  const [setup, setSetup] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const [projectNoOpts, setProjectNoOpts] = useState<{ value: string; label: string }[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [pmUsers, setPmUsers] = useState<{ value: string; label: string }[]>([]);
+
+  useEffect(() => {
+    fetch("/api/sales/contract/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setProjectNoOpts((d.rows || []).map((r: Record<string, unknown>) => ({
+        value: String(r.CODE ?? r.code ?? ""),
+        label: String(r.NAME ?? r.name ?? ""),
+      }))))
+      .catch(() => {});
+    fetch("/api/sales/customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.SUPPLY_NAME || ""),
+      }))))
+      .catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setPmUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const centerPopup = (url: string, name: string, w: number, h: number) => {
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, name, `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  // 원본: openProjectFormPopUp → /project/projectmodifyPopUp.do?OBJID=xxx (420x350)
+  const openProjectModify = (objId: string) => centerPopup(`/project/modify?objId=${objId}`, "projectModifyPopUp", 500, 400);
+  // 원본: openIssueFormPopUp(status,projectobjid) → /productionplanning/issuemgmtList.do (1720x900)
+  const openIssuePopUp = (status: string, objId: string) =>
+    centerPopup(`/production/issue-popup?status=${status}&project_no=${objId}`, "issueListPopUp", 1720, 900);
+  // 원본: fn_openInvestmentCostPricePopUp
+  const openInvestCost = (projectObjId: string, productObjId: string, milestoneObjId: string) =>
+    centerPopup(
+      `/project/invest-cost?projectObjId=${projectObjId}&productObjId=${productObjId}&milestoneObjId=${milestoneObjId}`,
+      "investCostPopUp", 1200, 800,
+    );
+  // 원본: wbs_popup
+  const openWbsPopUp = (objId: string, categoryCd: string) =>
+    centerPopup(`/project/wbs-task?OBJID=${objId}&CATEGORY_CD=${categoryCd}&actionType=view`, "wbsTaskPopUp", 1700, 800);
+  // 원본: setup_wbs_popup
+  const openSetupWbsPopUp = (objId: string) =>
+    centerPopup(`/project/wbs-setup?OBJID=${objId}`, "setupWbsPopUp", 1100, 750);
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트번호", field: "PROJECT_NO", width: 100, frozen: true, hozAlign: "left",
+      cellClick: (row) => openProjectModify(String(row.OBJID)),
+    },
+    {
+      title: "프로젝트정보", headerHozAlign: "center",
+      columns: [
+        { title: "계약구분", field: "CATEGORY_NAME", width: 80, hozAlign: "center" },
+        { title: "차수", field: "OVERHAUL_ORDER", width: 60, hozAlign: "center" },
+        { title: "고객사", field: "CUSTOMER_NAME", width: 140, hozAlign: "left" },
+        { title: "프로젝트명", field: "PROJECT_NAME", width: 180, hozAlign: "left" },
+        { title: "고객납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+        { title: "셋업지", field: "SETUP", width: 100, hozAlign: "center" },
+        { title: "설비방향", field: "FACILITY_NAME", width: 100, hozAlign: "center" },
+        { title: "PM", field: "PM_USER_NAME", width: 90, hozAlign: "center" },
+        { title: "제작공장", field: "MANUFACTURE_PLANT_NAME", width: 100, hozAlign: "center" },
+        { title: "예상납기일", field: "CONTRACT_DEL_DATE", width: 100, hozAlign: "center" },
+      ],
+    },
+    {
+      title: "현황", headerHozAlign: "center",
+      columns: [
+        {
+          title: "이슈(건수)", headerHozAlign: "center",
+          columns: [
+            {
+              title: "발생", field: "ISSUE_CNT", width: 60, hozAlign: "center",
+              cellClick: (row) => openIssuePopUp("all", String(row.OBJID)),
+            },
+            {
+              title: "조치", field: "COMP_CNT", width: 60, hozAlign: "center",
+              cellClick: (row) => openIssuePopUp("complete", String(row.OBJID)),
+            },
+            {
+              title: "미결", field: "MISS_CNT", width: 60, hozAlign: "center",
+              cellClick: (row) => openIssuePopUp("late", String(row.OBJID)),
+            },
+            {
+              title: "조치율", field: "ISSUE_RATE", width: 70, hozAlign: "center",
+              formatter: (_c, row) => `${row.ISSUE_RATE ?? 0}%`,
+            },
+          ],
+        },
+        {
+          title: "투입원가", headerHozAlign: "center",
+          columns: [
+            {
+              title: "목표가", field: "TOTAL_COST_GOAL", width: 110, hozAlign: "right", formatter: "money",
+              cellClick: (row) => openInvestCost(
+                String(row.OBJID), String(row.PROD_REL_OBJID ?? ""), String(row.MILESTONE_OBJID ?? ""),
+              ),
+            },
+            {
+              title: "투입금액", field: "TOTAL_COST_ACTUAL", width: 110, hozAlign: "right", formatter: "money",
+              cellClick: (row) => openInvestCost(
+                String(row.OBJID), String(row.PROD_REL_OBJID ?? ""), String(row.MILESTONE_OBJID ?? ""),
+              ),
+            },
+            {
+              title: "투입율(%)", field: "TOTAL_INPUT_RATE", width: 80, hozAlign: "center",
+              formatter: (_c, row) => `${row.TOTAL_INPUT_RATE ?? 0}%`,
+              cellClick: (row) => openInvestCost(
+                String(row.OBJID), String(row.PROD_REL_OBJID ?? ""), String(row.MILESTONE_OBJID ?? ""),
+              ),
+            },
+          ],
+        },
+        {
+          title: "진척율(%)", headerHozAlign: "center",
+          columns: [
+            {
+              title: "전체공정", field: "TOTAL_RATE", width: 80, hozAlign: "center",
+              formatter: (_c, row) => `${row.TOTAL_RATE ?? 0}%`,
+              cellClick: (row) => openWbsPopUp(String(row.OBJID), String(row.CATEGORY_CD ?? "")),
+            },
+            {
+              title: "셋업", field: "SETUP_RATE", width: 70, hozAlign: "center",
+              formatter: (_c, row) => `${row.SETUP_RATE ?? 0}%`,
+              cellClick: (row) => openSetupWbsPopUp(String(row.OBJID)),
+            },
+          ],
+        },
+        {
+          title: "출고", headerHozAlign: "center",
+          columns: [
+            { title: "출고여부", field: "RELEASE_STATUS_TITLE", width: 80, hozAlign: "center" },
+            { title: "출고일", field: "RELEASE_DATE", width: 100, hozAlign: "center" },
+          ],
+        },
+      ],
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    try {
+      const res = await fetch("/api/project/status", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          year,
+          project_no: projectNo,
+          category_cd: categoryCd,
+          customer_objid: customerObjid,
+          product,
+          contract_start_date: contractStartDate,
+          contract_end_date: contractEndDate,
+          location,
+          setup,
+          pm_user_id: pmUserId,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        setData(json.RESULTLIST || []);
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    }
+  }, [year, projectNo, categoryCd, customerObjid, product, contractStartDate, contractEndDate, location, setup, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">프로젝트관리_진행관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projectNoOpts} value={projectNo} onChange={setProjectNo} className="w-[240px]" />
+        </SearchField>
+        <SearchField label="계약구분">
+          <SearchableCodeSelect codeId="0000167" value={categoryCd} onChange={setCategoryCd} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <SearchableSelect options={customers} value={customerObjid} onChange={setCustomerObjid} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="예상납기일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={contractStartDate} onChange={(e) => setContractStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-xs text-gray-500">~</span>
+            <Input type="date" value={contractEndDate} onChange={(e) => setContractEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="입고지">
+          <Input value={location} onChange={(e) => setLocation(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="셋업지">
+          <Input value={setup} onChange={(e) => setSetup(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <SearchableSelect options={pmUsers} value={pmUserId} onChange={setPmUserId} className="w-[160px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/project/total/page.tsx b/src/app/(main)/project/total/page.tsx
new file mode 100644
index 0000000..76486a0
--- /dev/null
+++ b/src/app/(main)/project/total/page.tsx
@@ -0,0 +1,319 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+// 프로젝트종합 (원본: project/projectMgmtTotalList.jsp)
+export default function ProjectTotalPage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState(String(currentYear));
+  const [projectNo, setProjectNo] = useState("");
+  const [categoryCd, setCategoryCd] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [contractStartDate, setContractStartDate] = useState("");
+  const [contractEndDate, setContractEndDate] = useState("");
+  const [location, setLocation] = useState("");
+  const [setup, setSetup] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [rows, setRows] = useState<Record<string, unknown>[]>([]);
+  const [selectedObjId, setSelectedObjId] = useState<string>("");
+
+  const [projectNoOpts, setProjectNoOpts] = useState<{ value: string; label: string }[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [pmUsers, setPmUsers] = useState<{ value: string; label: string }[]>([]);
+
+  // Gantt 윈도우: 현재년도 기준 3년(이전/당해/다음) × 12개월
+  const ganttYear = parseInt(year, 10) || currentYear;
+  const ganttStart = new Date(ganttYear - 1, 0, 1);
+  const ganttEnd = new Date(ganttYear + 1, 11, 31);
+  const ganttMonths = useMemo(() => {
+    const list: { y: number; m: number }[] = [];
+    for (let y = ganttYear - 1; y <= ganttYear + 1; y++) {
+      for (let m = 0; m < 12; m++) list.push({ y, m });
+    }
+    return list;
+  }, [ganttYear]);
+  const ganttTotalDays = (ganttEnd.getTime() - ganttStart.getTime()) / 86400000 + 1;
+
+  useEffect(() => {
+    fetch("/api/sales/contract/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setProjectNoOpts((d.rows || []).map((r: Record<string, unknown>) => ({
+        value: String(r.CODE ?? r.code ?? ""),
+        label: String(r.NAME ?? r.name ?? ""),
+      }))))
+      .catch(() => {});
+    fetch("/api/sales/customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.SUPPLY_NAME || ""),
+      }))))
+      .catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setPmUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const centerPopup = (url: string, name: string, w: number, h: number) => {
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, name, `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  const openProjectModify = (objId: string) => centerPopup(`/project/modify?objId=${objId}`, "projectModifyPopUp", 500, 400);
+  const openWbsPopUp = (objId: string, cat: string) =>
+    centerPopup(`/project/wbs-task?OBJID=${objId}&CATEGORY_CD=${cat}`, "wbsTaskPopUp", 1700, 800);
+  const openGanttPopUp = (objId: string) =>
+    centerPopup(`/project/wbs-gantt?OBJID=${objId}`, "ganttPopUp", 1800, 800);
+
+  const selectedRow = useMemo(
+    () => rows.find((r) => String(r.OBJID) === selectedObjId),
+    [rows, selectedObjId]
+  );
+
+  const fetchData = useCallback(async () => {
+    try {
+      const res = await fetch("/api/project/total", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          Year: year,
+          project_no: projectNo,
+          category_cd: categoryCd,
+          customer_objid: customerObjid,
+          product,
+          contract_start_date: contractStartDate,
+          contract_end_date: contractEndDate,
+          location,
+          setup,
+          pm_user_id: pmUserId,
+        }),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        const list = (json.RESULTLIST || []) as Record<string, unknown>[];
+        setRows(list);
+        setSelectedObjId(list.length > 0 ? String(list[0].OBJID) : "");
+      }
+    } catch {
+      Swal.fire("오류", "데이터 조회 중 오류가 발생했습니다.", "error");
+    }
+  }, [year, projectNo, categoryCd, customerObjid, product, contractStartDate, contractEndDate, location, setup, pmUserId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  // YYYY-MM-DD 문자열 → 윈도우 내 % (left, width)
+  const toPct = (start?: unknown, end?: unknown) => {
+    const s = String(start ?? "").slice(0, 10);
+    const e = String(end ?? "").slice(0, 10);
+    if (!s && !e) return null;
+    const sDate = s ? new Date(s) : (e ? new Date(e) : null);
+    const eDate = e ? new Date(e) : (s ? new Date(s) : null);
+    if (!sDate || !eDate || isNaN(sDate.getTime()) || isNaN(eDate.getTime())) return null;
+    if (eDate < ganttStart || sDate > ganttEnd) return null;
+    const sClamp = sDate < ganttStart ? ganttStart : sDate;
+    const eClamp = eDate > ganttEnd ? ganttEnd : eDate;
+    const left = ((sClamp.getTime() - ganttStart.getTime()) / 86400000) / ganttTotalDays * 100;
+    const width = Math.max(0.3, ((eClamp.getTime() - sClamp.getTime()) / 86400000 + 1) / ganttTotalDays * 100);
+    return { left, width };
+  };
+
+  const todayPct = (() => {
+    const today = new Date();
+    if (today < ganttStart || today > ganttEnd) return null;
+    return ((today.getTime() - ganttStart.getTime()) / 86400000) / ganttTotalDays * 100;
+  })();
+
+  // 진척율 포맷
+  const fmtRate = (v: unknown) => (v == null || v === "" ? 0 : Number(v));
+
+  // 상태 계산: 지연 건수 합 > 0 이면 빨강
+  const isLate = (r: Record<string, unknown>) =>
+    [r.DESIGN_LATE_CNT, r.PURCHASE_LATE_CNT, r.PRODUCE_LATE_CNT, r.SETUP_LATE_CNT]
+      .some((v) => Number(v ?? 0) > 0);
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">프로젝트종합</h2>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projectNoOpts} value={projectNo} onChange={setProjectNo} className="w-[240px]" />
+        </SearchField>
+        <SearchField label="계약구분">
+          <SearchableCodeSelect codeId="0000167" value={categoryCd} onChange={setCategoryCd} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <SearchableSelect options={customers} value={customerObjid} onChange={setCustomerObjid} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="예상납기일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={contractStartDate} onChange={(e) => setContractStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-xs text-gray-500">~</span>
+            <Input type="date" value={contractEndDate} onChange={(e) => setContractEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="입고지">
+          <Input value={location} onChange={(e) => setLocation(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="셋업지">
+          <Input value={setup} onChange={(e) => setSetup(e.target.value)} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <SearchableSelect options={pmUsers} value={pmUserId} onChange={setPmUserId} className="w-[160px]" />
+        </SearchField>
+      </SearchForm>
+
+      <div className="flex justify-between items-center mb-3">
+        <div className="flex items-center gap-3 text-xs">
+          <span className="font-semibold text-gray-600">범례:</span>
+          <span className="flex items-center gap-1"><span className="inline-block w-3 h-3 rounded-sm" style={{ backgroundColor: "#3b82f6" }} />설계</span>
+          <span className="flex items-center gap-1"><span className="inline-block w-3 h-3 rounded-sm" style={{ backgroundColor: "#22c55e" }} />구매</span>
+          <span className="flex items-center gap-1"><span className="inline-block w-3 h-3 rounded-sm" style={{ backgroundColor: "#1f2937" }} />조립</span>
+          <span className="flex items-center gap-1"><span className="inline-block w-3 h-3 rotate-45" style={{ backgroundColor: "#a855f7" }} />출고</span>
+          <span className="flex items-center gap-1"><span className="inline-block w-3 h-3 rounded-sm" style={{ backgroundColor: "#ef4444" }} />셋업</span>
+        </div>
+        <div className="flex gap-2">
+          <Button size="sm" disabled={!selectedRow} onClick={() => selectedRow && openWbsPopUp(String(selectedRow.OBJID), String(selectedRow.CATEGORY_CD ?? ""))}>
+            프로젝트 일정
+          </Button>
+          <Button size="sm" disabled={!selectedRow} onClick={() => selectedRow && openGanttPopUp(String(selectedRow.OBJID))}>
+            G-Chart
+          </Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <div className="border border-gray-200 rounded bg-white overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 430px)" }}>
+          <table className="text-xs border-collapse" style={{ minWidth: "1600px", width: "100%" }}>
+            <thead className="sticky top-0 z-10 bg-gray-50">
+              <tr>
+                <th rowSpan={2} className="w-10 border border-gray-200 px-1 py-1 bg-gray-100">선택</th>
+                <th colSpan={5} className="border border-gray-200 px-2 py-1 bg-gray-100 text-center">프로젝트 정보</th>
+                <th colSpan={6} className="border border-gray-200 px-2 py-1 bg-gray-100 text-center">진척율(%)</th>
+                <th colSpan={12} className="border border-gray-200 px-2 py-1 text-center" style={{ backgroundColor: "#fef3c7" }}>{ganttYear - 1}년</th>
+                <th colSpan={12} className="border border-gray-200 px-2 py-1 text-center" style={{ backgroundColor: "#dbeafe" }}>{ganttYear}년</th>
+                <th colSpan={12} className="border border-gray-200 px-2 py-1 text-center" style={{ backgroundColor: "#dcfce7" }}>{ganttYear + 1}년</th>
+              </tr>
+              <tr>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 100 }}>고객사</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 70 }}>제품구분</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 90 }}>프로젝트번호</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 160 }}>프로젝트명</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 70 }}>제작공장</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 80 }}>요청납기일</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 50 }}>설계</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 50 }}>구매</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 50 }}>조립</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 50 }}>셋업</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-50" style={{ width: 50 }}>상태</th>
+                {ganttMonths.map((mm, i) => (
+                  <th key={i} className="border border-gray-200 px-1 py-1 bg-gray-50 text-[10px]" style={{ width: 30 }}>
+                    {mm.m + 1}
+                  </th>
+                ))}
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr>
+                  <td colSpan={48} className="text-center py-12 text-gray-400">조회된 데이터가 없습니다.</td>
+                </tr>
+              ) : (
+                rows.map((row) => {
+                  const objId = String(row.OBJID);
+                  const isSelected = objId === selectedObjId;
+                  const design = toPct(row.DESIGN_ACT_START, row.DESIGN_ACT_END);
+                  const purchase = toPct(row.PURCHASE_ACT_START, row.PURCHASE_ACT_END);
+                  const produce = toPct(row.PRODUCE_ACT_START, row.PRODUCE_ACT_END);
+                  const ship = toPct(row.REQ_DEL_DATE, row.REQ_DEL_DATE);
+                  const setupBar = toPct(row.SETUP_ACT_START, row.SETUP_ACT_END);
+                  const late = isLate(row);
+
+                  return (
+                    <tr
+                      key={objId}
+                      className={`cursor-pointer ${isSelected ? "bg-blue-50" : "hover:bg-gray-50"}`}
+                      onClick={() => setSelectedObjId(objId)}
+                    >
+                      <td className="border border-gray-200 text-center">
+                        <input
+                          type="radio"
+                          name="selectProject"
+                          checked={isSelected}
+                          onChange={() => setSelectedObjId(objId)}
+                        />
+                      </td>
+                      <td className="border border-gray-200 px-2 py-1 truncate" title={String(row.CUSTOMER_NAME ?? "")}>{String(row.CUSTOMER_NAME ?? "")}</td>
+                      <td className="border border-gray-200 px-2 py-1 truncate">{String(row.PRODUCT_NAME ?? "")}</td>
+                      <td className="border border-gray-200 px-2 py-1 text-primary hover:underline" onClick={(e) => { e.stopPropagation(); openProjectModify(objId); }}>
+                        {String(row.PROJECT_NO ?? "")}
+                      </td>
+                      <td className="border border-gray-200 px-2 py-1 truncate">{String(row.PROJECT_NAME ?? "")}</td>
+                      <td className="border border-gray-200 px-2 py-1 text-center">{String(row.MANUFACTURE_PLANT_NAME ?? "")}</td>
+                      <td className="border border-gray-200 px-2 py-1 text-center">{String(row.REQ_DEL_DATE ?? "")}</td>
+                      <td className="border border-gray-200 px-1 py-1 text-center">{fmtRate(row.DESIGN_RATETOTAL)}</td>
+                      <td className="border border-gray-200 px-1 py-1 text-center">{fmtRate(row.PURCHASE_RATETOTAL)}</td>
+                      <td className="border border-gray-200 px-1 py-1 text-center">{fmtRate(row.PRODUCE_RATETOTAL)}</td>
+                      <td className="border border-gray-200 px-1 py-1 text-center">{fmtRate(row.SETUP_RATETOTAL)}</td>
+                      <td className="border border-gray-200 px-1 py-1 text-center">
+                        <span className={`inline-block w-3 h-3 rounded-full ${late ? "bg-red-500" : "bg-green-500"}`} />
+                      </td>
+                      <td colSpan={36} className="border border-gray-200 relative p-0" style={{ height: 48 }}>
+                        {todayPct != null && (
+                          <div className="absolute top-0 bottom-0 border-l-2 border-dotted" style={{ left: `${todayPct}%`, borderColor: "#f59e0b" }} title="오늘" />
+                        )}
+                        {design && (
+                          <div className="absolute rounded-sm" title={`설계: ${row.DESIGN_ACT_START} ~ ${row.DESIGN_ACT_END}`}
+                               style={{ top: 4, left: `${design.left}%`, width: `${design.width}%`, height: 4, backgroundColor: "#3b82f6" }} />
+                        )}
+                        {purchase && (
+                          <div className="absolute rounded-sm" title={`구매: ${row.PURCHASE_ACT_START} ~ ${row.PURCHASE_ACT_END}`}
+                               style={{ top: 12, left: `${purchase.left}%`, width: `${purchase.width}%`, height: 4, backgroundColor: "#22c55e" }} />
+                        )}
+                        {produce && (
+                          <div className="absolute rounded-sm" title={`조립: ${row.PRODUCE_ACT_START} ~ ${row.PRODUCE_ACT_END}`}
+                               style={{ top: 20, left: `${produce.left}%`, width: `${produce.width}%`, height: 4, backgroundColor: "#1f2937" }} />
+                        )}
+                        {ship && (
+                          <div className="absolute rotate-45" title={`출고: ${row.REQ_DEL_DATE}`}
+                               style={{ top: 28, left: `calc(${ship.left}% - 4px)`, width: 8, height: 8, backgroundColor: "#a855f7" }} />
+                        )}
+                        {setupBar && (
+                          <div className="absolute rounded-sm" title={`셋업: ${row.SETUP_ACT_START} ~ ${row.SETUP_ACT_END}`}
+                               style={{ top: 38, left: `${setupBar.left}%`, width: `${setupBar.width}%`, height: 4, backgroundColor: "#ef4444" }} />
+                        )}
+                      </td>
+                    </tr>
+                  );
+                })
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/project/wbs-template/page.tsx b/src/app/(main)/project/wbs-template/page.tsx
new file mode 100644
index 0000000..e08e8a5
--- /dev/null
+++ b/src/app/(main)/project/wbs-template/page.tsx
@@ -0,0 +1,146 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+
+// 프로젝트관리 > 제품구분_UNIT관리 (project/wbsTemplateMngList.do 대응)
+export default function WbsTemplatePage() {
+  const [product, setProduct] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const openCenterPopup = (url: string, name: string, w: number, h: number) => {
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, name, `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=yes,resizable=yes`);
+  };
+
+  const columns: GridColumn[] = [
+    { title: "제품구분", field: "PRODUCT_NAME", width: 250, hozAlign: "left" },
+    { title: "기계형식", field: "TITLE", width: 250, hozAlign: "left" },
+    {
+      title: "고객사_장비목적",
+      field: "CUSTOMER_PRODUCT",
+      hozAlign: "left",
+      cellClick: (row) => {
+        openCenterPopup(
+          `/project/wbs-template/master-form?objId=${row.OBJID}`,
+          "openTemplateMasterPopUp",
+          1000,
+          200,
+        );
+      },
+    },
+    {
+      title: "UNIT",
+      field: "WBS_TASK_CNT",
+      width: 250,
+      hozAlign: "center",
+      formatter: (cell) => `📁 ${cell ?? 0}`,
+      cellClick: (row) => {
+        openCenterPopup(
+          `/project/wbs-template/task-list?objId=${row.OBJID}`,
+          "openWBSTaskListPopUp",
+          800,
+          700,
+        );
+      },
+    },
+    { title: "등록자", field: "WRITER_TITLE", width: 250, hozAlign: "left" },
+    { title: "등록일", field: "REG_DATE_TITLE", width: 250, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/project/wbs-template", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ product }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [product]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  const handleRegister = () => {
+    if (!product) {
+      Swal.fire("알림", "제품은 필수값입니다. 제품을 선택해 주세요.", "warning");
+      return;
+    }
+    openCenterPopup(
+      `/project/wbs-template/excel-import?product=${encodeURIComponent(product)}`,
+      "openWBSExcelImportPopUp",
+      1340,
+      700,
+    );
+  };
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 대상이 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/project/wbs-template/delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((row) => String(row.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message, "error");
+    }
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">프로젝트관리_제품구분_UNIT관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={handleRegister}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect
+            codeId="0000001"
+            value={product}
+            onChange={setProduct}
+            className="w-[200px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/purchase-order/page.tsx b/src/app/(main)/purchase-order/page.tsx
new file mode 100644
index 0000000..35766f6
--- /dev/null
+++ b/src/app/(main)/purchase-order/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import Swal from "sweetalert2";
+
+// purchaseOrder/purchaseOrderList.jsp 대응 - 발주관리
+export default function PurchaseOrderPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [poNo, setPoNo] = useState("");
+  const [supplierName, setSupplierName] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "발주번호", field: "PO_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => {
+        const w = 1150, h = 850;
+        const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+        window.open(`/purchase-order/form?objId=${row.OBJID}`, "poForm", `width=${w},height=${h},left=${left},top=${top}`);
+      } },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center" },
+    { title: "협력사", field: "SUPPLIER_NAME", width: 150, hozAlign: "left" },
+    { title: "발주명", field: "PO_NAME", width: 200, hozAlign: "left" },
+    { title: "발주일", field: "PO_DATE", width: 100, hozAlign: "center" },
+    { title: "납기일", field: "DELIVERY_DATE", width: 100, hozAlign: "center" },
+    { title: "발주금액", field: "PO_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 90, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/purchase-order", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, po_no: poNo, supplier_name: supplierName }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, poNo, supplierName]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">발주관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => {
+            const w = 1150, h = 850;
+            const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+            window.open("/purchase-order/form", "poForm", `width=${w},height=${h},left=${left},top=${top}`);
+          }}>등록</Button>
+          <Button size="sm" variant="danger" onClick={async () => {
+            if (selectedRows.length === 0) { Swal.fire("알림", "삭제할 항목을 선택하세요.", "warning"); return; }
+            const r = await Swal.fire({ title: "삭제 확인", text: `선택한 ${selectedRows.length}건을 삭제하시겠습니까?`, icon: "warning", showCancelButton: true, confirmButtonText: "삭제", cancelButtonText: "취소" });
+            if (!r.isConfirmed) return;
+            const res = await fetch("/api/purchase-order/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ objIds: selectedRows.map((r) => String(r.OBJID)) }) });
+            const json = await res.json();
+            if (json.success) { Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false }); fetchData(); }
+            else Swal.fire("오류", json.message, "error");
+          }}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="발주번호">
+          <Input value={poNo} onChange={(e) => setPoNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="협력사">
+          <Input value={supplierName} onChange={(e) => setSupplierName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} showCheckbox
+        onSelectionChange={setSelectedRows} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/purchase/bom/page.tsx b/src/app/(main)/purchase/bom/page.tsx
new file mode 100644
index 0000000..4c7c73a
--- /dev/null
+++ b/src/app/(main)/purchase/bom/page.tsx
@@ -0,0 +1,195 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: /salesMng/salesBomReportList.do
+export default function PurchaseBomPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [customerCd, setCustomerCd] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [unitName, setUnitName] = useState("");
+  const [writer2Id, setWriter2Id] = useState("");
+  const [customerOptions, setCustomerOptions] = useState<Option[]>([]);
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setCustomerOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          }))
+        )
+      )
+      .catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          }))
+        )
+      )
+      .catch(() => {});
+  }, []);
+
+  const openStructurePopup = (objId: string) => {
+    if (!objId) return;
+    const w = 1800, h = 800;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/bom/structure?objId=${objId}&readonly=1`,
+      "bomStructure",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openSalesBomReport = (objId: string, sbrObjId: string) => {
+    if (!objId) return;
+    const w = 1900, h = 900;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/bom/form?parentObjId=${objId}&objId=${sbrObjId || ""}`,
+      "salesMngReport",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 110, hozAlign: "left" },
+    { title: "요청납기", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+    { title: "수주회사", field: "CONTRACT_COMPANY_NAME", width: 110, hozAlign: "left" },
+    { title: "제작공장", field: "MANUFACTURE_PLANT_NAME", width: 90, hozAlign: "center" },
+    { title: "유닛명", field: "UNIT_NAME", width: 220, hozAlign: "left" },
+    {
+      title: "E-BOM",
+      field: "BOM_CNT",
+      width: 80,
+      hozAlign: "center",
+      formatter: (cell, row) => (
+        <FolderCell count={cell} onClick={() => openStructurePopup(String(row.OBJID || ""))} />
+      ),
+    },
+    { title: "배포일", field: "DEPLOY_DATE", width: 100, hozAlign: "center" },
+    { title: "설계담당자", field: "WRITER1_NAME", width: 100, hozAlign: "center" },
+    {
+      title: "구매BOM",
+      field: "SALES_PART_CNT",
+      width: 90,
+      hozAlign: "center",
+      formatter: (cell, row) => (
+        <FolderCell
+          count={cell}
+          onClick={() => openSalesBomReport(String(row.OBJID || ""), String(row.SBR_OBJID || ""))}
+        />
+      ),
+    },
+    { title: "작성일", field: "REGDATE2", width: 100, hozAlign: "center" },
+    { title: "구매담당자", field: "WRITER2_NAME", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/purchase/bom", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        customer_cd: customerCd,
+        project_no: projectNo,
+        unit_name: unitName,
+        writer2_id: writer2Id,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [year, customerCd, projectNo, unitName, writer2Id]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">구매BOM관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>
+            조회
+          </Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>
+                {y}
+              </option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <SearchableSelect
+            options={customerOptions}
+            value={customerCd}
+            onChange={setCustomerCd}
+            className="w-[180px]"
+            placeholder="전체"
+          />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input
+            value={projectNo}
+            onChange={(e) => setProjectNo(e.target.value)}
+            placeholder="프로젝트번호"
+            className="w-[160px]"
+          />
+        </SearchField>
+        <SearchField label="유닛명">
+          <Input
+            value={unitName}
+            onChange={(e) => setUnitName(e.target.value)}
+            placeholder="유닛명"
+            className="w-[160px]"
+          />
+        </SearchField>
+        <SearchField label="구매담당자">
+          <SearchableSelect
+            options={userOptions}
+            value={writer2Id}
+            onChange={setWriter2Id}
+            className="w-[160px]"
+            placeholder="전체"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/purchase/design-change/page.tsx b/src/app/(main)/purchase/design-change/page.tsx
new file mode 100644
index 0000000..b65bcdb
--- /dev/null
+++ b/src/app/(main)/purchase/design-change/page.tsx
@@ -0,0 +1,306 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: /salesMng/salesPartChgList.do
+export default function DesignChangePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectNo, setProjectNo] = useState("");
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [revision, setRevision] = useState("");
+  const [changeType, setChangeType] = useState("");
+  const [changeOption, setChangeOption] = useState("");
+  const [partType, setPartType] = useState("");
+  const [partWriter, setPartWriter] = useState("");
+  const [salesWriter, setSalesWriter] = useState("");
+  const [actCd, setActCd] = useState("");
+  const [actStatus, setActStatus] = useState("");
+  const [eoDateStart, setEoDateStart] = useState("");
+  const [eoDateEnd, setEoDateEnd] = useState("");
+  const [confirmDateStart, setConfirmDateStart] = useState("");
+  const [confirmDateEnd, setConfirmDateEnd] = useState("");
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          }))
+        )
+      )
+      .catch(() => {});
+  }, []);
+
+  const openPartHistoryPopup = (objId: string) => {
+    if (!objId) return;
+    const w = 550, h = 250;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/design-change/part-history?objId=${objId}`,
+      "partHistory",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openOrderPopup = (pomObjId: string) => {
+    if (!pomObjId) return;
+    const w = 950, h = 765;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/order/list/form?objId=${pomObjId}`,
+      "purchaseOrderForm",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openActPopup = (row: Record<string, unknown>) => {
+    const w = 600, h = 350;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    const q = new URLSearchParams({
+      objId: String(row.SPC_OBJID || ""),
+      partObjId: String(row.OBJID || ""),
+      eoNo: String(row.EO_NO || ""),
+      partNo: String(row.PART_NO || ""),
+      projectNo: String(row.PROJECT_NO || ""),
+    }).toString();
+    window.open(`/purchase/design-change/form?${q}`, "actRegist", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const columns: GridColumn[] = [
+    { title: "EO NO", field: "EO_NO", width: 90, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 110, hozAlign: "left" },
+    { title: "프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 160, hozAlign: "left" },
+    { title: "모품번", field: "PARENT_PART_INFO", width: 130, hozAlign: "left" },
+    {
+      title: "품번",
+      field: "PART_NO",
+      width: 120,
+      hozAlign: "left",
+      cellClick: (row) => openPartHistoryPopup(String(row.OBJID || "")),
+    },
+    { title: "품명", field: "PART_NAME", width: 150, hozAlign: "left" },
+    { title: "수량", field: "QTY", width: 60, hozAlign: "right" },
+    { title: "변경수량", field: "QTY_TEMP", width: 80, hozAlign: "right" },
+    { title: "EO구분", field: "CHANGE_TYPE_NAME", width: 90, hozAlign: "center" },
+    { title: "EO사유", field: "CHANGE_OPTION_NAME", width: 90, hozAlign: "center" },
+    { title: "Revision", field: "REVISION", width: 80, hozAlign: "center" },
+    { title: "EO Date", field: "EO_DATE", width: 95, hozAlign: "center" },
+    { title: "PART구분", field: "PART_TYPE_NAME", width: 90, hozAlign: "center" },
+    { title: "설계담당자", field: "WRITER_NAME", width: 100, hozAlign: "center" },
+    { title: "실행일", field: "HIS_REG_DATE_TITLE", width: 90, hozAlign: "center" },
+    { title: "구매확인", field: "CONFIRM_DATE", width: 95, hozAlign: "center" },
+    { title: "구매담당자", field: "WRITER1_NAME", width: 100, hozAlign: "center" },
+    { title: "조치내역", field: "ACT_NAME", width: 90, hozAlign: "center" },
+    {
+      title: "발주서NO",
+      field: "PURCHASE_ORDER_NO",
+      width: 110,
+      hozAlign: "left",
+      cellClick: (row) => openOrderPopup(String(row.PURCHASE_ORDER_MASTER_OBJID || "")),
+    },
+    { title: "조치결과", field: "ACT_STATUS_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/purchase/design-change", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        project_no: projectNo,
+        part_no: partNo,
+        part_name: partName,
+        revision,
+        change_type: changeType,
+        change_option: changeOption,
+        part_type: partType,
+        part_writer: partWriter,
+        sales_writer: salesWriter,
+        act_cd: actCd,
+        act_status: actStatus,
+        eo_date_start: eoDateStart,
+        eo_date_end: eoDateEnd,
+        confirm_date_start: confirmDateStart,
+        confirm_date_end: confirmDateEnd,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [
+    year, projectNo, partNo, partName, revision, changeType, changeOption,
+    partType, partWriter, salesWriter, actCd, actStatus,
+    eoDateStart, eoDateEnd, confirmDateStart, confirmDateEnd,
+  ]);
+
+  const handleReceive = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "접수할 항목을 선택하세요.", "warning");
+      return;
+    }
+    const confirm = await Swal.fire({
+      title: "접수 확인",
+      text: `선택한 ${selectedRows.length}건을 접수 처리하시겠습니까?`,
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "접수",
+      cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+    const res = await fetch("/api/purchase/design-change/receipt", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ rows: selectedRows }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "접수 실패", "error");
+    }
+  };
+
+  const handleActRegist = () => {
+    if (selectedRows.length !== 1) {
+      Swal.fire("알림", "조치내역을 등록할 항목 1건을 선택하세요.", "warning");
+      return;
+    }
+    openActPopup(selectedRows[0]);
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">설계변경리스트</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleReceive}>
+            접수
+          </Button>
+          <Button size="sm" variant="secondary" onClick={handleActRegist}>
+            조치내역등록
+          </Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>
+            조회
+          </Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[90px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>
+                {y}
+              </option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="품번">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="품명">
+          <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="Revision">
+          <Input value={revision} onChange={(e) => setRevision(e.target.value)} className="w-[80px]" />
+        </SearchField>
+        <SearchField label="EO구분">
+          <SearchableCodeSelect codeId="0001054" value={changeType} onChange={setChangeType} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="EO사유">
+          <SearchableCodeSelect codeId="0000318" value={changeOption} onChange={setChangeOption} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PART구분">
+          <SearchableCodeSelect codeId="0000062" value={partType} onChange={setPartType} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="설계담당자">
+          <SearchableSelect options={userOptions} value={partWriter} onChange={setPartWriter} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="구매담당자">
+          <SearchableSelect options={userOptions} value={salesWriter} onChange={setSalesWriter} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="조치내역">
+          <SearchableCodeSelect codeId="0001059" value={actCd} onChange={setActCd} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="조치결과">
+          <SearchableCodeSelect codeId="0001062" value={actStatus} onChange={setActStatus} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="EO Date">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={eoDateStart}
+              onChange={(e) => setEoDateStart(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={eoDateEnd}
+              onChange={(e) => setEoDateEnd(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+        <SearchField label="구매확인일자">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={confirmDateStart}
+              onChange={(e) => setConfirmDateStart(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={confirmDateEnd}
+              onChange={(e) => setConfirmDateEnd(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/purchase/request/page.tsx b/src/app/(main)/purchase/request/page.tsx
new file mode 100644
index 0000000..fee8727
--- /dev/null
+++ b/src/app/(main)/purchase/request/page.tsx
@@ -0,0 +1,222 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: /salesMng/salesRequestMngRegList.do
+export default function PurchaseRequestPage() {
+  const [year, setYear] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [requestCd, setRequestCd] = useState("");
+  const [receiptWriter, setReceiptWriter] = useState("");
+  const [status, setStatus] = useState("");
+  const [receiptDateStart, setReceiptDateStart] = useState("");
+  const [receiptDateEnd, setReceiptDateEnd] = useState("");
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          }))
+        )
+      )
+      .catch(() => {});
+  }, []);
+
+  const openRequestForm = (objId?: string) => {
+    const url = objId ? `/purchase/request/form?objId=${objId}` : "/purchase/request/form";
+    const w = 1100, h = 630;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(url, "requestForm", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "요청번호",
+      field: "REQUEST_MNG_NO",
+      width: 110,
+      hozAlign: "left",
+      cellClick: (row) => openRequestForm(String(row.OBJID || "")),
+    },
+    { title: "요청구분", field: "REQUEST_CD_NAME", width: 80, hozAlign: "center" },
+    { title: "프로젝트번호", field: "PROJECT_NUMBER", width: 110, hozAlign: "left" },
+    { title: "프로젝트명", field: "PROJECT_NAME", width: 150, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_CODE_NAME", width: 170, hozAlign: "left" },
+    { title: "구매요청품 수", field: "ITEMS_QTY", width: 110, hozAlign: "right", formatter: "money" },
+    { title: "총 수량", field: "TOTAL_QTY", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "요청사유", field: "REQUEST_REASONS_NAME", width: 100, hozAlign: "left" },
+    { title: "요청인", field: "REQUEST_USER_NAME", width: 110, hozAlign: "center" },
+    { title: "입고요청일", field: "DELIVERY_REQUEST_DATE", width: 100, hozAlign: "center" },
+    { title: "상태", field: "STATUS_TITLE", width: 90, hozAlign: "center" },
+    { title: "접수자", field: "RECEIPT_USER_NAME", width: 100, hozAlign: "center" },
+    { title: "접수일", field: "RECEIPT_DATE", width: 90, hozAlign: "center" },
+    { title: "발주서NO", field: "PURCHASE_ORDER_NO_ARR", width: 180, hozAlign: "left" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/purchase/request", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        project_no: projectNo,
+        request_cd: requestCd,
+        receipt_writer: receiptWriter,
+        status,
+        receipt_date_start: receiptDateStart,
+        receipt_date_end: receiptDateEnd,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [year, projectNo, requestCd, receiptWriter, status, receiptDateStart, receiptDateEnd]);
+
+  const handleReceive = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "접수할 항목을 선택하세요.", "warning");
+      return;
+    }
+    const confirm = await Swal.fire({
+      title: "접수 확인",
+      text: `선택한 ${selectedRows.length}건을 접수 처리하시겠습니까?`,
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "접수",
+      cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+    const res = await fetch("/api/purchase/request/receipt", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((r) => String(r.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "접수 실패", "error");
+    }
+  };
+
+  const handleOrderWrite = () => {
+    Swal.fire("알림", "발주서작성 기능은 준비 중입니다.", "info");
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">구매요청서관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => openRequestForm()}>
+            구매요청서작성
+          </Button>
+          <Button size="sm" variant="secondary" onClick={handleOrderWrite}>
+            발주서작성
+          </Button>
+          <Button size="sm" variant="secondary" onClick={handleReceive}>
+            접수
+          </Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>
+            조회
+          </Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select
+            value={year}
+            onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[90px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>
+                {y}
+              </option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="요청구분">
+          <SearchableCodeSelect codeId="0000167" value={requestCd} onChange={setRequestCd} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select
+            value={status}
+            onChange={(e) => setStatus(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-3 text-sm"
+          >
+            <option value="">전체</option>
+            <option value="create">등록</option>
+            <option value="release">제출 완료</option>
+            <option value="reception">접수</option>
+            <option value="approvalRequest">결재중</option>
+            <option value="approvalComplete">결재완료</option>
+            <option value="reject">반려</option>
+          </select>
+        </SearchField>
+        <SearchField label="접수자">
+          <SearchableSelect
+            options={userOptions}
+            value={receiptWriter}
+            onChange={setReceiptWriter}
+            className="w-[140px]"
+          />
+        </SearchField>
+        <SearchField label="접수일">
+          <div className="flex items-center gap-1">
+            <input
+              type="date"
+              value={receiptDateStart}
+              onChange={(e) => setReceiptDateStart(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+            <span>~</span>
+            <input
+              type="date"
+              value={receiptDateEnd}
+              onChange={(e) => setReceiptDateEnd(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm w-[130px]"
+            />
+          </div>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/purchase/stock/page.tsx b/src/app/(main)/purchase/stock/page.tsx
new file mode 100644
index 0000000..9327f7e
--- /dev/null
+++ b/src/app/(main)/purchase/stock/page.tsx
@@ -0,0 +1,235 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+// 원본: /salesMng/salesLongDeliveryList.do
+export default function StockPage() {
+  const [ldPartName, setLdPartName] = useState("");
+  const [spec, setSpec] = useState("");
+  const [location, setLocation] = useState("");
+  const [maker, setMaker] = useState("");
+  const [materialCode, setMaterialCode] = useState("");
+  const [adminSupply, setAdminSupply] = useState("");
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  useEffect(() => {
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          }))
+        )
+      )
+      .catch(() => {});
+  }, []);
+
+  const openStandardPopup = (objId?: string) => {
+    const w = 600, h = 300;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/stock/form?actionType=STANDARD${objId ? `&objId=${objId}` : ""}`,
+      "stockStandard",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openInputPopup = (objId: string) => {
+    if (!objId) return;
+    const w = 600, h = 590;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/stock/form?actionType=INPUT&objId=${objId}`,
+      "stockInput",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const openPredictPopup = (objId: string) => {
+    if (!objId) return;
+    const w = 900, h = 590;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(
+      `/purchase/stock/form?actionType=PREDICT&objId=${objId}`,
+      "stockPredict",
+      `width=${w},height=${h},left=${left},top=${top}`
+    );
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "품명",
+      field: "LD_PART_NAME",
+      width: 180,
+      hozAlign: "left",
+      cellClick: (row) => openStandardPopup(String(row.OBJID || "")),
+    },
+    { title: "사양(규격)", field: "SPEC", width: 300, hozAlign: "left" },
+    { title: "Location", field: "LOCATION_NAME", width: 100, hozAlign: "center" },
+    { title: "내자/외자", field: "FORM_NO", width: 100, hozAlign: "center" },
+    { title: "메이커", field: "MAKER", width: 100, hozAlign: "left" },
+    { title: "자재코드", field: "MATERIAL_CODE", width: 160, hozAlign: "left" },
+    { title: "공급업체", field: "SUPPLY_NAME", width: 140, hozAlign: "left" },
+    { title: "재고수량", field: "INPUT_QTY", width: 85, hozAlign: "right", formatter: "money" },
+    {
+      title: "자재투입이력",
+      field: "INPUT_CNT",
+      width: 100,
+      hozAlign: "right",
+      formatter: "money",
+      cellClick: (row) => openInputPopup(String(row.OBJID || "")),
+    },
+    { title: "단가", field: "PRICE", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "보유금액", field: "PRICE_SUM", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "합계", field: "M_TOTAL", width: 80, hozAlign: "right", formatter: "money" },
+    { title: "1월", field: "M01", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "2월", field: "M02", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "3월", field: "M03", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "4월", field: "M04", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "5월", field: "M05", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "6월", field: "M06", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "7월", field: "M07", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "8월", field: "M08", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "9월", field: "M09", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "10월", field: "M10", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "11월", field: "M11", width: 60, hozAlign: "right", formatter: "money" },
+    { title: "12월", field: "M12", width: 60, hozAlign: "right", formatter: "money" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/purchase/stock", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        ld_part_name: ldPartName,
+        spec,
+        Location: location,
+        maker,
+        material_code: materialCode,
+        admin_supply: adminSupply,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    } else {
+      const j = await res.json().catch(() => ({}));
+      Swal.fire("오류", j.message || "조회 실패", "error");
+    }
+  }, [ldPartName, spec, location, maker, materialCode, adminSupply]);
+
+  const totalCost = data.reduce((sum, r) => sum + Number(r.PRICE_SUM || 0), 0);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "삭제할 항목을 선택하세요.", "warning");
+      return;
+    }
+    const confirm = await Swal.fire({
+      title: "삭제 확인",
+      text: `선택한 ${selectedRows.length}건을 삭제하시겠습니까?`,
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "삭제",
+      cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+    const res = await fetch("/api/purchase/stock/delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((r) => String(r.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "삭제 실패", "error");
+    }
+  };
+
+  const handleInputClick = () => {
+    if (selectedRows.length !== 1) {
+      Swal.fire("알림", "자재투입할 항목 1건을 선택하세요.", "warning");
+      return;
+    }
+    openInputPopup(String(selectedRows[0].OBJID || ""));
+  };
+  const handlePredictClick = () => {
+    if (selectedRows.length !== 1) {
+      Swal.fire("알림", "예측수량을 등록할 항목 1건을 선택하세요.", "warning");
+      return;
+    }
+    openPredictPopup(String(selectedRows[0].OBJID || ""));
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">재고리스트</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={() => openStandardPopup()}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={handleInputClick}>자재투입</Button>
+          <Button size="sm" variant="secondary" onClick={handlePredictClick}>예측수량등록</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="품명">
+          <Input value={ldPartName} onChange={(e) => setLdPartName(e.target.value)} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="사양(규격)">
+          <Input value={spec} onChange={(e) => setSpec(e.target.value)} className="w-[160px]" />
+        </SearchField>
+        <SearchField label="Location">
+          <SearchableCodeSelect codeId="0000262" value={location} onChange={setLocation} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="메이커">
+          <Input value={maker} onChange={(e) => setMaker(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="자재코드">
+          <Input value={materialCode} onChange={(e) => setMaterialCode(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="공급업체">
+          <SearchableSelect
+            options={supplyOptions}
+            value={adminSupply}
+            onChange={setAdminSupply}
+            className="w-[180px]"
+            placeholder="전체"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <div className="flex items-center gap-6 mb-3 text-sm font-bold text-red-600">
+        <span>장납기품 비용(원) : {totalCost.toLocaleString()}</span>
+      </div>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/purchase/supplier/page.tsx b/src/app/(main)/purchase/supplier/page.tsx
new file mode 100644
index 0000000..0f4d29c
--- /dev/null
+++ b/src/app/(main)/purchase/supplier/page.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import Swal from "sweetalert2";
+
+// 구매관리 > 공급업체관리 — 원본: /admin/supplyMngPagingList.do (admin_supply_mng)
+export default function SupplierPage() {
+  const [supplyCode, setSupplyCode] = useState("");
+  const [supplyName, setSupplyName] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const openSupplierForm = (objId?: string) => {
+    const url = objId ? `/purchase/supplier/form?objid=${objId}` : "/purchase/supplier/form";
+    const w = 1300;
+    const h = 620;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(url, "supplierForm", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const columns: GridColumn[] = [
+    { title: "NO", field: "RNUM", width: 50, hozAlign: "center" },
+    { title: "구분", field: "SUPPLY_CODE_NAME", width: 90, hozAlign: "center" },
+    {
+      title: "고객명",
+      field: "SUPPLY_NAME",
+      width: 190,
+      hozAlign: "left",
+      cellClick: (row) => openSupplierForm(row.OBJID as string),
+    },
+    { title: "지역", field: "AREA_CD_NAME", width: 110, hozAlign: "center" },
+    { title: "대표자명", field: "CHARGE_USER_NAME", width: 90, hozAlign: "center" },
+    { title: "업종", field: "SUPPLY_STOCKNAME", width: 280, hozAlign: "left" },
+    { title: "업태", field: "SUPPLY_BUSNAME", width: 180, hozAlign: "left" },
+    { title: "주소", field: "SUPPLY_ADDRESS", width: 250, hozAlign: "left" },
+    { title: "핸드폰", field: "SUPPLY_TEL_NO", width: 150, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/supply", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ supply_code: supplyCode, supply_name: supplyName }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [supplyCode, supplyName]);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "삭제할 항목을 선택하세요.", "warning");
+      return;
+    }
+    const result = await Swal.fire({
+      title: "삭제 확인",
+      text: `선택한 ${selectedRows.length}건을 삭제하시겠습니까?`,
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "삭제",
+      cancelButtonText: "취소",
+    });
+    if (!result.isConfirmed) return;
+
+    const res = await fetch("/api/admin/supply/delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((r) => String(r.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "삭제 실패", "error");
+    }
+  };
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">공급업체관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>
+            조회
+          </Button>
+          <Button size="sm" onClick={() => openSupplierForm()}>
+            공급업체 등록
+          </Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>
+            삭제
+          </Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="구분">
+          <SearchableCodeSelect
+            codeId="0000167"
+            value={supplyCode}
+            onChange={setSupplyCode}
+            placeholder="전체"
+            className="w-[160px]"
+          />
+        </SearchField>
+        <SearchField label="고객명">
+          <Input
+            value={supplyName}
+            onChange={(e) => setSupplyName(e.target.value)}
+            placeholder="고객명"
+            className="w-[180px]"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/quality/page.tsx b/src/app/(main)/quality/page.tsx
new file mode 100644
index 0000000..dfbe686
--- /dev/null
+++ b/src/app/(main)/quality/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// quality/qualityList.jsp 대응 - 품질관리
+export default function QualityPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [partNo, setPartNo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120 },
+    { title: "파트번호", field: "PART_NO", width: 130, hozAlign: "left",
+      cellClick: (row) => window.open(`/production/inspection/form?objId=${row.OBJID}`, "qualityDetail", "width=1000,height=700") },
+    { title: "파트명", field: "PART_NAME", width: 180, hozAlign: "left" },
+    { title: "검사유형", field: "TEST_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "검사결과", field: "TEST_RESULT_NAME", width: 100, hozAlign: "center" },
+    { title: "검사일", field: "TEST_DATE", width: 100, hozAlign: "center" },
+    { title: "검사자", field: "TESTER_NAME", width: 90, hozAlign: "center" },
+    { title: "판정", field: "JUDGMENT", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/quality", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, part_no: partNo }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, partNo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">품질관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="파트번호">
+          <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/sales/contract-dashboard/page.tsx b/src/app/(main)/sales/contract-dashboard/page.tsx
new file mode 100644
index 0000000..471e904
--- /dev/null
+++ b/src/app/(main)/sales/contract-dashboard/page.tsx
@@ -0,0 +1,387 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { numberWithCommas } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+interface Product { CODE: string; NAME: string }
+interface MonthRow {
+  MM: string;
+  CONTRACT_CNT_YEAR: number;
+  CONTRACT_COST_YEAR_ORG: number;
+  CONTRACT_COST_YEAR: number;
+  RELEASE_CNT_YEAR: number;
+  [key: string]: number | string;
+}
+interface YearGoal {
+  YEAR: string;
+  PRICE: number;
+  YEAR_GOAL_OBJID?: string;
+  CONTRACT_CNT_YEAR: number;
+  CONTRACT_COST_YEAR: number;
+  GOAL_RATE: number;
+}
+
+const PIE_COLORS = ["#3366cc", "#dc3912", "#ff9900", "#109618", "#990099", "#0099c6", "#dd4477", "#66aa00"];
+
+// 간단한 SVG 파이 차트
+function PieChart({ data, size = 220 }: { data: { label: string; value: number }[]; size?: number }) {
+  const total = data.reduce((s, d) => s + d.value, 0);
+  if (total === 0) {
+    return <div className="text-center text-xs text-gray-400 py-10">데이터 없음</div>;
+  }
+  const cx = size / 2, cy = size / 2, r = size / 2 - 4;
+  let acc = 0;
+  const slices = data.map((d, i) => {
+    const start = (acc / total) * Math.PI * 2 - Math.PI / 2;
+    acc += d.value;
+    const end = (acc / total) * Math.PI * 2 - Math.PI / 2;
+    const large = end - start > Math.PI ? 1 : 0;
+    const x1 = cx + r * Math.cos(start);
+    const y1 = cy + r * Math.sin(start);
+    const x2 = cx + r * Math.cos(end);
+    const y2 = cy + r * Math.sin(end);
+    const mid = (start + end) / 2;
+    const lx = cx + r * 0.65 * Math.cos(mid);
+    const ly = cy + r * 0.65 * Math.sin(mid);
+    const pct = ((d.value / total) * 100);
+    return {
+      path: `M ${cx} ${cy} L ${x1} ${y1} A ${r} ${r} 0 ${large} 1 ${x2} ${y2} Z`,
+      color: PIE_COLORS[i % PIE_COLORS.length],
+      label: d.label,
+      value: d.value,
+      pct,
+      lx, ly,
+    };
+  });
+
+  return (
+    <div className="flex items-start gap-3">
+      <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>
+        {slices.map((s, i) => (
+          <g key={i}>
+            <path d={s.path} fill={s.color} stroke="#fff" strokeWidth="1" />
+            {s.pct >= 5 && (
+              <text x={s.lx} y={s.ly} fontSize="10" fill="#fff" textAnchor="middle" dominantBaseline="middle">
+                {s.pct.toFixed(0)}%
+              </text>
+            )}
+          </g>
+        ))}
+      </svg>
+      <div className="text-[11px] flex flex-col gap-0.5 pt-2 min-w-0">
+        {slices.map((s, i) => (
+          <div key={i} className="flex items-center gap-1">
+            <span className="inline-block w-3 h-3 shrink-0 rounded-sm" style={{ backgroundColor: s.color }} />
+            <span className="truncate">{s.label}</span>
+            <span className="text-gray-500 ml-auto pl-1 shrink-0">{s.value}</span>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+}
+
+// 년도별 영업현황 — 막대 2개(목표/수주) + 꺾은선(달성율)
+function GoalComboChart({ years }: { years: YearGoal[] }) {
+  const W = 340, H = 230, PAD_L = 36, PAD_R = 36, PAD_T = 16, PAD_B = 34;
+  const maxPrice = Math.max(1, ...years.flatMap((y) => [y.PRICE, y.CONTRACT_COST_YEAR]));
+  const maxRate = Math.max(100, ...years.map((y) => y.GOAL_RATE));
+  const chartW = W - PAD_L - PAD_R;
+  const chartH = H - PAD_T - PAD_B;
+  const xStep = chartW / years.length;
+  const barW = Math.min(18, xStep / 3);
+
+  return (
+    <svg width="100%" height={H} viewBox={`0 0 ${W} ${H}`}>
+      {/* Y축 가이드 */}
+      <line x1={PAD_L} y1={PAD_T} x2={PAD_L} y2={H - PAD_B} stroke="#ddd" />
+      <line x1={PAD_L} y1={H - PAD_B} x2={W - PAD_R} y2={H - PAD_B} stroke="#ddd" />
+
+      {years.map((y, i) => {
+        const cx = PAD_L + xStep * (i + 0.5);
+        const hGoal = (y.PRICE / maxPrice) * chartH;
+        const hActual = (y.CONTRACT_COST_YEAR / maxPrice) * chartH;
+        const rateY = H - PAD_B - (y.GOAL_RATE / maxRate) * chartH;
+        return (
+          <g key={i}>
+            <rect x={cx - barW - 1} y={H - PAD_B - hGoal} width={barW} height={hGoal} fill="#3366cc" />
+            <rect x={cx + 1} y={H - PAD_B - hActual} width={barW} height={hActual} fill="#dc3912" />
+            <text x={cx} y={H - PAD_B + 14} fontSize="11" textAnchor="middle" fill="#444">{y.YEAR}</text>
+            <circle cx={cx} cy={rateY} r={3} fill="#ff9900" stroke="#fff" strokeWidth="1" />
+            <text x={cx} y={rateY - 6} fontSize="9" textAnchor="middle" fill="#b87a00">{y.GOAL_RATE.toFixed(0)}%</text>
+            {i > 0 && (() => {
+              const prev = years[i - 1];
+              const pcx = PAD_L + xStep * (i - 1 + 0.5);
+              const prateY = H - PAD_B - (prev.GOAL_RATE / maxRate) * chartH;
+              return <line x1={pcx} y1={prateY} x2={cx} y2={rateY} stroke="#ff9900" strokeWidth="1.5" />;
+            })()}
+          </g>
+        );
+      })}
+
+      {/* 범례 */}
+      <g transform={`translate(${PAD_L},${PAD_T - 8})`}>
+        <rect x="0" y="0" width="10" height="10" fill="#3366cc" />
+        <text x="14" y="9" fontSize="10" fill="#333">영업목표(억)</text>
+        <rect x="85" y="0" width="10" height="10" fill="#dc3912" />
+        <text x="99" y="9" fontSize="10" fill="#333">수주(억)</text>
+        <line x1="165" y1="5" x2="180" y2="5" stroke="#ff9900" strokeWidth="2" />
+        <circle cx="172" cy="5" r="3" fill="#ff9900" />
+        <text x="184" y="9" fontSize="10" fill="#333">달성율(%)</text>
+      </g>
+    </svg>
+  );
+}
+
+export default function ContractDashboardPage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState(String(currentYear));
+  const [categoryCd, setCategoryCd] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+
+  const [products, setProducts] = useState<Product[]>([]);
+  const [total, setTotal] = useState<MonthRow | null>(null);
+  const [months, setMonths] = useState<MonthRow[]>([]);
+  const [years, setYears] = useState<YearGoal[]>([]);
+  const [customerStats, setCustomerStats] = useState<{ OBJID: string; SUPPLY_NAME: string; TOTAL_SUPPLY_UNIT_CNT: number }[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    fetch("/api/sales/customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json()).then((d) => setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID || ""), label: String(r.SUPPLY_NAME || ""),
+      })))).catch(() => {});
+  }, []);
+
+  const fetchAll = useCallback(async () => {
+    setLoading(true);
+    try {
+      const body = { Year: year, category_cd: categoryCd, customer_objid: customerObjid, product };
+      const [dashR, goalR, custR] = await Promise.all([
+        fetch("/api/sales/contract-dashboard", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(body) }),
+        fetch("/api/sales/contract-dashboard/year-goal", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ Year: year }) }),
+        fetch("/api/sales/contract-dashboard/customer-stats", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ Year: year }) }),
+      ]);
+      if (dashR.ok) {
+        const d = await dashR.json();
+        setProducts(d.products || []);
+        setTotal(d.total || null);
+        setMonths(d.months || []);
+      }
+      if (goalR.ok) {
+        const g = await goalR.json();
+        const ys = (g.years || []) as Record<string, unknown>[];
+        setYears(ys.map((y) => ({
+          YEAR: String(y.YEAR || ""),
+          PRICE: Number(y.PRICE || 0),
+          YEAR_GOAL_OBJID: String(y.YEAR_GOAL_OBJID || ""),
+          CONTRACT_CNT_YEAR: Number(y.CONTRACT_CNT_YEAR || 0),
+          CONTRACT_COST_YEAR: Number(y.CONTRACT_COST_YEAR || 0),
+          GOAL_RATE: Number(y.GOAL_RATE || 0),
+        })));
+      }
+      if (custR.ok) {
+        const c = await custR.json();
+        setCustomerStats(((c.rows || []) as Record<string, unknown>[]).map((r) => ({
+          OBJID: String(r.OBJID || ""),
+          SUPPLY_NAME: String(r.SUPPLY_NAME || ""),
+          TOTAL_SUPPLY_UNIT_CNT: Number(r.TOTAL_SUPPLY_UNIT_CNT || 0),
+        })));
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [year, categoryCd, customerObjid, product]);
+
+  useEffect(() => { fetchAll(); }, [fetchAll]);
+
+  // 제품별 연 합계 (파이 데이터)
+  const productPieData = useMemo(() => {
+    if (!total) return [];
+    return products.map((p) => ({
+      label: p.NAME,
+      value: Number(total[`CONTRACT_CNT_MONTH_${p.CODE}`] || 0),
+    })).filter((d) => d.value > 0);
+  }, [products, total]);
+
+  const customerPieData = useMemo(() => customerStats.map((c) => ({
+    label: c.SUPPLY_NAME, value: c.TOTAL_SUPPLY_UNIT_CNT,
+  })), [customerStats]);
+
+  const handleRegistGoal = async () => {
+    const current = years.find((y) => y.YEAR === year);
+    const { value: priceStr } = await Swal.fire<string>({
+      title: `${year}년 영업목표`,
+      input: "number",
+      inputLabel: "영업목표 (억원)",
+      inputValue: String(current?.PRICE || ""),
+      showCancelButton: true,
+      confirmButtonText: "저장",
+      cancelButtonText: "취소",
+    });
+    if (!priceStr) return;
+    const res = await fetch("/api/sales/contract-dashboard/year-goal/save", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ Year: year, PRICE: priceStr, YEAR_GOAL_OBJID: current?.YEAR_GOAL_OBJID || "" }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      Swal.fire({ icon: "success", title: "저장되었습니다.", timer: 1200, showConfirmButton: false });
+      fetchAll();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">영업관리_계약현황</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleRegistGoal}>영업목표등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchAll}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchAll}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="구분">
+          <SearchableCodeSelect codeId="0000167" value={categoryCd} onChange={setCategoryCd} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <select value={customerObjid} onChange={(e) => setCustomerObjid(e.target.value)}
+            className="h-9 w-[180px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {customers.map((c) => <option key={c.value} value={c.value}>{c.label}</option>)}
+          </select>
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+      </SearchForm>
+
+      {loading && <div className="text-xs text-gray-400 mb-2">조회 중...</div>}
+
+      <div className="grid grid-cols-12 gap-3">
+        {/* 좌: 계약현황 테이블 */}
+        <section className="col-span-12 lg:col-span-5 bg-white border rounded p-2">
+          <div className="text-sm font-bold text-gray-700 mb-2 pb-1 border-b">■ 계약현황 ({year})</div>
+          <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 330px)" }}>
+            <table className="w-full text-[11px] border-collapse">
+              <thead className="bg-gray-50 sticky top-0">
+                <tr className="border-b">
+                  <th className="p-1 border" rowSpan={2}></th>
+                  <th className="p-1 border text-center" colSpan={products.length}>수주확정 건수</th>
+                  <th className="p-1 border text-center" rowSpan={2}>매출액<br />(억원)</th>
+                  <th className="p-1 border text-center" rowSpan={2}>출고</th>
+                </tr>
+                <tr className="border-b">
+                  {products.map((p) => <th key={p.CODE} className="p-1 border text-center">{p.NAME}</th>)}
+                </tr>
+              </thead>
+              <tbody>
+                {total && (
+                  <tr className="bg-orange-50 font-semibold">
+                    <td className="p-1 border text-center">계</td>
+                    {products.map((p) => (
+                      <td key={p.CODE} className="p-1 border text-right">
+                        {numberWithCommas(Number(total[`CONTRACT_CNT_MONTH_${p.CODE}`] || 0))}
+                      </td>
+                    ))}
+                    <td className="p-1 border text-right">{(total.CONTRACT_COST_YEAR || 0).toFixed(2)}</td>
+                    <td className="p-1 border text-right">{numberWithCommas(total.RELEASE_CNT_YEAR || 0)}</td>
+                  </tr>
+                )}
+                {months.map((m) => (
+                  <tr key={m.MM} className="hover:bg-gray-50">
+                    <td className="p-1 border text-center">{parseInt(m.MM, 10)}월</td>
+                    {products.map((p) => (
+                      <td key={p.CODE} className="p-1 border text-right">
+                        {Number(m[`CONTRACT_CNT_MONTH_${p.CODE}`] || 0) > 0
+                          ? numberWithCommas(Number(m[`CONTRACT_CNT_MONTH_${p.CODE}`] || 0))
+                          : ""}
+                      </td>
+                    ))}
+                    <td className="p-1 border text-right">{m.CONTRACT_COST_YEAR ? m.CONTRACT_COST_YEAR.toFixed(2) : ""}</td>
+                    <td className="p-1 border text-right">{m.RELEASE_CNT_YEAR > 0 ? numberWithCommas(m.RELEASE_CNT_YEAR) : ""}</td>
+                  </tr>
+                ))}
+                {(!months || months.length === 0) && (
+                  <tr><td colSpan={products.length + 3} className="p-4 text-center text-gray-400">데이터 없음</td></tr>
+                )}
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        {/* 중: 영업목표 테이블 + 제품별현황 파이 */}
+        <section className="col-span-12 lg:col-span-3 flex flex-col gap-3">
+          <div className="bg-white border rounded p-2">
+            <div className="text-sm font-bold text-gray-700 mb-2 pb-1 border-b">■ 영업목표</div>
+            <table className="w-full text-[11px] border-collapse">
+              <thead className="bg-gray-50">
+                <tr className="border-b">
+                  <th className="p-1 border" rowSpan={2}>년도</th>
+                  <th className="p-1 border" rowSpan={2}>영업목표<br />(억원)</th>
+                  <th className="p-1 border" colSpan={3}>현황</th>
+                </tr>
+                <tr className="border-b">
+                  <th className="p-1 border">계약건수</th>
+                  <th className="p-1 border">계약금액</th>
+                  <th className="p-1 border">달성율</th>
+                </tr>
+              </thead>
+              <tbody>
+                {years.length === 0 ? (
+                  <tr><td colSpan={5} className="p-3 text-center text-gray-400">데이터 없음</td></tr>
+                ) : (
+                  years.slice().reverse().map((y) => (
+                    <tr key={y.YEAR} className="hover:bg-gray-50">
+                      <td className="p-1 border text-center">{y.YEAR}</td>
+                      <td className="p-1 border text-right">{numberWithCommas(y.PRICE)}</td>
+                      <td className="p-1 border text-right">{numberWithCommas(y.CONTRACT_CNT_YEAR)}</td>
+                      <td className="p-1 border text-right">{(y.CONTRACT_COST_YEAR || 0).toFixed(2)}</td>
+                      <td className="p-1 border text-right">{(y.GOAL_RATE || 0).toFixed(1)}%</td>
+                    </tr>
+                  ))
+                )}
+              </tbody>
+            </table>
+          </div>
+
+          <div className="bg-white border rounded p-2 flex-1">
+            <div className="text-sm font-bold text-gray-700 mb-2 pb-1 border-b">■ 제품별현황</div>
+            <PieChart data={productPieData} />
+          </div>
+        </section>
+
+        {/* 우: 년도별 영업현황 + 고객사별현황 */}
+        <section className="col-span-12 lg:col-span-4 flex flex-col gap-3">
+          <div className="bg-white border rounded p-2">
+            <div className="text-sm font-bold text-gray-700 mb-2 pb-1 border-b">■ 년도별 영업현황</div>
+            <GoalComboChart years={years} />
+          </div>
+
+          <div className="bg-white border rounded p-2 flex-1">
+            <div className="text-sm font-bold text-gray-700 mb-2 pb-1 border-b">■ 고객사별현황</div>
+            <PieChart data={customerPieData} />
+          </div>
+        </section>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/sales/contract/page.tsx b/src/app/(main)/sales/contract/page.tsx
new file mode 100644
index 0000000..96d6f49
--- /dev/null
+++ b/src/app/(main)/sales/contract/page.tsx
@@ -0,0 +1,220 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import Swal from "sweetalert2";
+
+// 영업관리 > 계약관리 (원본: contractMgmt/contractList.jsp)
+export default function ContractPage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState(String(currentYear));
+  const [categoryCd, setCategoryCd] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [contractResult, setContractResult] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [contractStartDate, setContractStartDate] = useState("");
+  const [contractEndDate, setContractEndDate] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [pmUsers, setPmUsers] = useState<{ value: string; label: string }[]>([]);
+
+  useEffect(() => {
+    fetch("/api/sales/customer", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    }).then((r) => r.json()).then((d) => {
+      setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.SUPPLY_NAME || ""),
+      })));
+    }).catch(() => {});
+
+    fetch("/api/admin/users", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    }).then((r) => r.json()).then((d) => {
+      setPmUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      })));
+    }).catch(() => {});
+  }, []);
+
+  const openContractForm = (objId?: string) => {
+    const url = objId ? `/sales/contract/form?objId=${objId}` : "/sales/contract/form?actionType=regist";
+    const w = 1280, h = 780;
+    const left = Math.max(0, (window.screen.width - w) / 2);
+    const top = Math.max(0, (window.screen.availHeight - h) / 2);
+    window.open(url, "contractForm", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  // 그리드 컬럼 — 원본 3개 섹션(영업정보/진행사항/수주정보) 순서대로 플랫하게 배치
+  const columns: GridColumn[] = [
+    // ----- 영업번호 (frozen) -----
+    {
+      title: "영업번호", field: "CONTRACT_NO", width: 100, frozen: true,
+      cellClick: (row) => openContractForm(String(row.OBJID || "")),
+    },
+    // ----- 영업정보(상세) -----
+    { title: "계약구분", field: "CATEGORY_NAME", width: 80 },
+    { title: "차수", field: "OVERHAUL_ORDER", width: 60, hozAlign: "right" },
+    { title: "국내/해외", field: "AREA_NAME", width: 80 },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 160 },
+    { title: "제품구분", field: "PRODUCT_NAME", width: 90 },
+    { title: "기계형식", field: "MECHANICAL_TYPE", width: 110 },
+    { title: "고객사 프로젝트명", field: "CUSTOMER_PROJECT_NAME", width: 200 },
+    { title: "예상납기일", field: "DUE_DATE", width: 100, hozAlign: "center" },
+    { title: "입고지", field: "LOCATION", width: 100 },
+    { title: "셋업지", field: "SETUP", width: 100 },
+    { title: "설비방향", field: "FACILITY_NAME", width: 90 },
+    { title: "설비대수", field: "FACILITY_QTY", width: 75, formatter: "money", hozAlign: "right" },
+    { title: "설비타입", field: "FACILITY_TYPE", width: 100 },
+    { title: "설비길이", field: "FACILITY_DEPTH", width: 90 },
+    { title: "담당자", field: "WRITER_NAME", width: 80 },
+    { title: "등록일", field: "REG_DATE", width: 100, hozAlign: "center" },
+    {
+      title: "첨부", field: "CU01_CNT", width: 60, hozAlign: "center",
+      formatter: (_c, row) => (
+        <FolderCell
+          count={row.CU01_CNT}
+          onClick={
+            Number(row.CU01_CNT) > 0
+              ? () => window.open(`/common/files?objId=${row.OBJID}&docType=contractMgmt01`, "files", "width=800,height=500")
+              : undefined
+          }
+        />
+      ),
+    },
+    // ----- 진행사항 -----
+    {
+      title: "검토", field: "CU03_CNT", width: 60, hozAlign: "right",
+      formatter: (_c, row) => Number(row.CU03_CNT || 0) > 0 ? String(row.CU03_CNT) : "",
+    },
+    { title: "상태", field: "CONTRACT_RESULT_NAME", width: 80 },
+    // ----- 수주정보 -----
+    { title: "수주일", field: "CONTRACT_DATE", width: 100, hozAlign: "center" },
+    { title: "PO계약 No", field: "PO_NO", width: 110 },
+    { title: "PM", field: "PM_USER_NAME", width: 80 },
+    { title: "통화", field: "CONTRACT_CURRENCY_NAME", width: 70 },
+    { title: "수주가", field: "CONTRACT_PRICE_CURRENCY", width: 110, formatter: "money", hozAlign: "right" },
+    { title: "당사프로젝트명", field: "PROJECT_NAME", width: 180 },
+    { title: "계약납기일", field: "CONTRACT_DEL_DATE", width: 100, hozAlign: "center" },
+    { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+    { title: "수주회사", field: "CONTRACT_COMPANY_NAME", width: 90 },
+    { title: "제작공장", field: "MANUFACTURE_PLANT_NAME", width: 90 },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/sales/contract", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        Year: year,
+        category_cd: categoryCd,
+        customer_objid: customerObjid,
+        product,
+        contract_result: contractResult,
+        pm_user_id: pmUserId,
+        contract_start_date: contractStartDate,
+        contract_end_date: contractEndDate,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, categoryCd, customerObjid, product, contractResult, pmUserId, contractStartDate, contractEndDate]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택한 항목이 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "선택한 계약을 삭제하시겠습니까?",
+      icon: "warning", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/sales/contract/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((row) => String(row.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "삭제 실패", "error");
+    }
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">영업관리_계약관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={() => openContractForm()}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="계약구분">
+          <SearchableCodeSelect codeId="0000167" value={categoryCd} onChange={setCategoryCd} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <select value={customerObjid} onChange={(e) => setCustomerObjid(e.target.value)}
+            className="h-9 w-[160px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {customers.map((c) => <option key={c.value} value={c.value}>{c.label}</option>)}
+          </select>
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="계약일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={contractStartDate} onChange={(e) => setContractStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-xs text-gray-500">~</span>
+            <Input type="date" value={contractEndDate} onChange={(e) => setContractEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="수주결과">
+          <SearchableCodeSelect codeId="0000963" value={contractResult} onChange={setContractResult} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="PM">
+          <select value={pmUserId} onChange={(e) => setPmUserId(e.target.value)}
+            className="h-9 w-[140px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {pmUsers.map((u) => <option key={u.value} value={u.value}>{u.label}</option>)}
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <div className="text-xs text-gray-500 mb-2">총 {data.length}건</div>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/sales/customer/page.tsx b/src/app/(main)/sales/customer/page.tsx
new file mode 100644
index 0000000..d9ced65
--- /dev/null
+++ b/src/app/(main)/sales/customer/page.tsx
@@ -0,0 +1,119 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import Swal from "sweetalert2";
+
+// 영업관리 > 고객관리 (원본: contractMgmt/supplyMngList.jsp)
+export default function CustomerPage() {
+  const [supplyName, setSupplyName] = useState("");
+  const [supplyCode, setSupplyCode] = useState("");
+  const [areaCd, setAreaCd] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const openPopup = (objid: string = "") => {
+    const q = objid ? `?objid=${encodeURIComponent(objid)}` : "";
+    window.open(`/sales/customer/form${q}`, "customerForm", "width=900,height=560");
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "고객번호", field: "CUS_NO", width: 110,
+      cellClick: (row) => openPopup(String(row.OBJID || "")),
+    },
+    { title: "고객구분", field: "SUPPLY_CODE_NAME", width: 100 },
+    { title: "지역", field: "AREA_CD_NAME", width: 110 },
+    { title: "고객사", field: "SUPPLY_NAME", width: 220 },
+    { title: "대표자명", field: "CHARGE_USER_NAME", width: 110 },
+    { title: "사업자등록번호", field: "BUS_REG_NO", width: 140 },
+    { title: "주소", field: "SUPPLY_ADDRESS", width: 280 },
+    { title: "연락처", field: "SUPPLY_TEL_NO", width: 130 },
+    { title: "E-MAIL", field: "EMAIL", width: 220 },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/sales/customer", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        supply_name: supplyName,
+        supply_code: supplyCode,
+        area_cd: areaCd,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [supplyName, supplyCode, areaCd]);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택한 항목이 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "선택한 고객정보를 삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/sales/customer/delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: selectedRows.map((row) => String(row.OBJID)) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      Swal.fire({ icon: "success", title: "삭제되었습니다.", timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message || "삭제 실패", "error");
+    }
+  };
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">영업관리_고객관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+          <Button size="sm" onClick={() => openPopup()}>고객등록</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="고객사명">
+          <Input value={supplyName} onChange={(e) => setSupplyName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="고객구분">
+          <SearchableCodeSelect codeId="0000167" value={supplyCode} onChange={setSupplyCode} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="지역">
+          <SearchableCodeSelect codeId="0000172" value={areaCd} onChange={setAreaCd} className="w-[180px]" />
+        </SearchField>
+      </SearchForm>
+
+      <div className="text-xs text-gray-500 mb-2">총 {data.length}건</div>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/sales/page.tsx b/src/app/(main)/sales/page.tsx
new file mode 100644
index 0000000..9b9c0e0
--- /dev/null
+++ b/src/app/(main)/sales/page.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// salesMng/salesMngBOMList.jsp 대응 - 영업관리
+export default function SalesPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [customerName, setCustomerName] = useState("");
+  const [productCode, setProductCode] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left",
+      cellClick: (row) => window.open(`/sales/contract/form?objId=${row.OBJID}`, "salesDetail", "width=1100,height=800") },
+    { title: "제품코드", field: "PRODUCT_CODE", width: 120, hozAlign: "left" },
+    { title: "제품명", field: "PRODUCT_NAME", width: 180, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "center" },
+    { title: "수량", field: "QTY", width: 80, hozAlign: "right", formatter: "money" },
+    { title: "단가", field: "UNIT_PRICE", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "금액", field: "AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/sales", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ year, customer_name: customerName, product_code: productCode }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, customerName, productCode]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">영업관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="고객사">
+          <Input value={customerName} onChange={(e) => setCustomerName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="제품코드">
+          <CodeSelect codeId="0005116" value={productCode} onChange={setProductCode} placeholder="전체" className="w-[140px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} showCheckbox />
+    </div>
+  );
+}
diff --git a/src/app/(main)/sales/release/page.tsx b/src/app/(main)/sales/release/page.tsx
new file mode 100644
index 0000000..429900b
--- /dev/null
+++ b/src/app/(main)/sales/release/page.tsx
@@ -0,0 +1,219 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import Swal from "sweetalert2";
+
+// 영업관리 > 출고관리 (원본: releaseMgmt/releaseMgmtList.jsp)
+export default function ReleasePage() {
+  const currentYear = new Date().getFullYear();
+  const [year, setYear] = useState(String(currentYear));
+  const [categoryCd, setCategoryCd] = useState("");
+  const [customerObjid, setCustomerObjid] = useState("");
+  const [product, setProduct] = useState("");
+  const [pmUserId, setPmUserId] = useState("");
+  const [releaseStartDate, setReleaseStartDate] = useState("");
+  const [releaseEndDate, setReleaseEndDate] = useState("");
+  const [installResult, setInstallResult] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [pmUsers, setPmUsers] = useState<{ value: string; label: string }[]>([]);
+
+  useEffect(() => {
+    fetch("/api/sales/customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json()).then((d) => setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID || ""), label: String(r.SUPPLY_NAME || ""),
+      })))).catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json()).then((d) => setPmUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID || ""), label: String(r.USER_NAME || ""),
+      })))).catch(() => {});
+  }, []);
+
+  const openForm = (row: Record<string, unknown>) => {
+    const projectObjId = String(row.OBJID || "");
+    if (!projectObjId) return;
+    const w = 900, h = 760;
+    const left = Math.max(0, (window.screen.width - w) / 2);
+    const top = Math.max(0, (window.screen.availHeight - h) / 2);
+    window.open(`/sales/release/form?projectObjId=${projectObjId}`, "releaseForm", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트번호", field: "PROJECT_NO", width: 120, frozen: true,
+      cellClick: (row) => openForm(row),
+    },
+    // 프로젝트정보
+    { title: "계약구분", field: "CATEGORY_NAME", width: 80 },
+    { title: "차수", field: "OVERHAUL_ORDER", width: 60, hozAlign: "right" },
+    { title: "국내/해외", field: "AREA_NAME", width: 80 },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 160 },
+    { title: "제품구분", field: "PRODUCT_NAME", width: 90 },
+    { title: "기계형식", field: "MECHANICAL_TYPE", width: 100 },
+    { title: "당사프로젝트명", field: "PROJECT_NAME", width: 180 },
+    { title: "요청납기일", field: "REQ_DEL_DATE", width: 100, hozAlign: "center" },
+    { title: "입고지", field: "LOCATION", width: 90 },
+    { title: "셋업지", field: "SETUP", width: 90 },
+    { title: "설비방향", field: "FACILITY_NAME", width: 80 },
+    { title: "설비대수", field: "FACILITY_QTY", width: 70, formatter: "money", hozAlign: "right" },
+    { title: "설비타입", field: "FACILITY_TYPE", width: 90 },
+    { title: "설비길이", field: "FACILITY_DEPTH", width: 80 },
+    { title: "PM", field: "PM_USER_NAME", width: 80 },
+    { title: "계약납기일", field: "CONTRACT_DEL_DATE", width: 100, hozAlign: "center" },
+    // 출고정보
+    {
+      title: "출고검사", field: "RELEASE_CHECK_CNT", width: 75, hozAlign: "center",
+      formatter: (_c, row) => (
+        <FolderCell
+          count={row.RELEASE_CHECK_CNT}
+          onClick={
+            Number(row.RELEASE_CHECK_CNT) > 0
+              ? () => window.open(`/common/files?objId=${row.OBJID}&docType=RELEASE_CHECK`, "files", "width=800,height=500")
+              : undefined
+          }
+        />
+      ),
+    },
+    {
+      title: "출하지시", field: "RELEASE_ORDER_CNT", width: 75, hozAlign: "center",
+      formatter: (_c, row) => (
+        <FolderCell
+          count={row.RELEASE_ORDER_CNT}
+          onClick={
+            Number(row.RELEASE_ORDER_CNT) > 0
+              ? () => window.open(`/common/files?objId=${row.OBJID}&docType=RELEASE_ORDER`, "files", "width=800,height=500")
+              : undefined
+          }
+        />
+      ),
+    },
+    { title: "출고일", field: "RELEASE_DATE", width: 100, hozAlign: "center" },
+    { title: "출고결과", field: "RELEASE_STATUS_TITLE", width: 80 },
+    // 설치&시운전
+    { title: "설치완료일", field: "INSTALL_COMPLETE_DATE", width: 100, hozAlign: "center" },
+    { title: "설치결과", field: "INSTALL_RESULT", width: 80 },
+    {
+      title: "인수인계", field: "RELEASE_TAKING_OVER_CNT", width: 80, hozAlign: "center",
+      formatter: (_c, row) => (
+        <FolderCell
+          count={row.RELEASE_TAKING_OVER_CNT}
+          onClick={
+            Number(row.RELEASE_TAKING_OVER_CNT) > 0
+              ? () => window.open(`/common/files?objId=${row.OBJID}&docType=RELEASE_TAKING_OVER`, "files", "width=800,height=500")
+              : undefined
+          }
+        />
+      ),
+    },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/sales/release", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        Year: year,
+        category_cd: categoryCd,
+        customer_objid: customerObjid,
+        product,
+        pm_user_id: pmUserId,
+        release_start_date: releaseStartDate,
+        release_end_date: releaseEndDate,
+        install_result: installResult,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, categoryCd, customerObjid, product, pmUserId, releaseStartDate, releaseEndDate, installResult]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleRegister = () => {
+    if (selectedRows.length === 0) {
+      Swal.fire("알림", "선택된 내용이 없습니다.", "warning");
+      return;
+    }
+    if (selectedRows.length > 1) {
+      Swal.fire("알림", "한번에 1개의 내용만 등록 가능합니다.", "warning");
+      return;
+    }
+    openForm(selectedRows[0]);
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">영업관리_출고관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleRegister}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {Array.from({ length: 5 }, (_, i) => currentYear - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="계약구분">
+          <SearchableCodeSelect codeId="0000167" value={categoryCd} onChange={setCategoryCd} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <select value={customerObjid} onChange={(e) => setCustomerObjid(e.target.value)}
+            className="h-9 w-[180px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {customers.map((c) => <option key={c.value} value={c.value}>{c.label}</option>)}
+          </select>
+        </SearchField>
+        <SearchField label="제품구분">
+          <SearchableCodeSelect codeId="0000001" value={product} onChange={setProduct} className="w-[130px]" />
+        </SearchField>
+        <SearchField label="출고일">
+          <div className="flex items-center gap-1">
+            <Input type="date" value={releaseStartDate} onChange={(e) => setReleaseStartDate(e.target.value)} className="w-[140px]" />
+            <span className="text-xs text-gray-500">~</span>
+            <Input type="date" value={releaseEndDate} onChange={(e) => setReleaseEndDate(e.target.value)} className="w-[140px]" />
+          </div>
+        </SearchField>
+        <SearchField label="PM">
+          <select value={pmUserId} onChange={(e) => setPmUserId(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {pmUsers.map((u) => <option key={u.value} value={u.value}>{u.label}</option>)}
+          </select>
+        </SearchField>
+        <SearchField label="설치결과">
+          <select value={installResult} onChange={(e) => setInstallResult(e.target.value)}
+            className="h-9 w-[110px] rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            <option value="OPEN">OPEN</option>
+            <option value="CLOSED">CLOSED</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <div className="text-xs text-gray-500 mb-2">총 {data.length}건 (수주 완료된 계약만 표시)</div>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/scm/defect/page.tsx b/src/app/(main)/scm/defect/page.tsx
new file mode 100644
index 0000000..5b7fd29
--- /dev/null
+++ b/src/app/(main)/scm/defect/page.tsx
@@ -0,0 +1,80 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// scm/scmDefectList.jsp 대응 - 부적합품관리
+export default function ScmDefectPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [supplierName, setSupplierName] = useState("");
+  const [statusCode, setStatusCode] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "부적합번호", field: "DEFECT_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/scm/defect/form?objId=${row.OBJID}`, "defectDetail", "width=900,height=600") },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "공급업체", field: "SUPPLIER_NAME", width: 150, hozAlign: "left" },
+    { title: "파트번호", field: "PART_NO", width: 130, hozAlign: "left" },
+    { title: "파트명", field: "PART_NAME", width: 150, hozAlign: "left" },
+    { title: "부적합유형", field: "DEFECT_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "발생일", field: "DEFECT_DATE", width: 100, hozAlign: "center" },
+    { title: "수량", field: "DEFECT_QTY", width: 70, hozAlign: "right" },
+    { title: "조치내용", field: "ACTION_CONTENT", width: 200, hozAlign: "left" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/scm/defect", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        supplier_name: supplierName,
+        status_code: statusCode,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, supplierName, statusCode]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">부적합품관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/scm/defect/form", "defectForm", "width=900,height=600")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="공급업체">
+          <Input value={supplierName} onChange={(e) => setSupplierName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <CodeSelect codeId="DEFECT_STATUS" value={statusCode} onChange={setStatusCode} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/scm/invoice/page.tsx b/src/app/(main)/scm/invoice/page.tsx
new file mode 100644
index 0000000..f7aac10
--- /dev/null
+++ b/src/app/(main)/scm/invoice/page.tsx
@@ -0,0 +1,82 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+
+// scm/scmInvoiceList.jsp 대응 - SCM 거래명세서관리
+export default function ScmInvoicePage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [supplierName, setSupplierName] = useState("");
+  const [invoiceDateFrom, setInvoiceDateFrom] = useState("");
+  const [invoiceDateTo, setInvoiceDateTo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "거래명세서번호", field: "INVOICE_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/scm/invoice/form?objId=${row.OBJID}`, "scmInvoiceDetail", "width=1000,height=700") },
+    { title: "공급업체", field: "SUPPLIER_NAME", width: 150, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "발행일", field: "INVOICE_DATE", width: 100, hozAlign: "center" },
+    { title: "공급가액", field: "SUPPLY_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "세액", field: "TAX_AMOUNT", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "합계", field: "TOTAL_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/scm/invoice", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        supplier_name: supplierName,
+        invoice_date_from: invoiceDateFrom,
+        invoice_date_to: invoiceDateTo,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, supplierName, invoiceDateFrom, invoiceDateTo]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">SCM 거래명세서관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="공급업체">
+          <Input value={supplierName} onChange={(e) => setSupplierName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="발행일(From)">
+          <Input type="date" value={invoiceDateFrom} onChange={(e) => setInvoiceDateFrom(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="발행일(To)">
+          <Input type="date" value={invoiceDateTo} onChange={(e) => setInvoiceDateTo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/scm/order/arrival-plan/page.tsx b/src/app/(main)/scm/order/arrival-plan/page.tsx
new file mode 100644
index 0000000..bb148e0
--- /dev/null
+++ b/src/app/(main)/scm/order/arrival-plan/page.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+interface PartRow {
+  PART_OBJID: string; PART_NO: string; PART_NAME: string;
+  ORDER_QTY: string; ARRIVAL_OBJID?: string;
+  ARRIVAL_QTY: string; ARRIVAL_PLAN_DATE: string;
+}
+
+export default function ArrivalPlanPage() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const [parts, setParts] = useState<PartRow[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/delivery/acceptance/detail", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      setParts((json.PARTS || []).map((p: Record<string, unknown>) => ({
+        PART_OBJID: String(p.PART_OBJID || ""),
+        PART_NO: String(p.PART_NO || ""), PART_NAME: String(p.PART_NAME || ""),
+        ORDER_QTY: String(p.ORDER_QTY || "0"),
+        ARRIVAL_OBJID: String(p.ARRIVAL_OBJID || ""),
+        ARRIVAL_QTY: String(p.ARRIVAL_QTY || p.ORDER_QTY || "0"),
+        ARRIVAL_PLAN_DATE: String(p.ARRIVAL_PLAN_DATE || ""),
+      })));
+    }
+  }, [objId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const updatePart = (i: number, k: keyof PartRow, v: string) =>
+    setParts((prev) => { const n = [...prev]; n[i] = { ...n[i], [k]: v }; return n; });
+
+  const handleSave = async () => {
+    setLoading(true);
+    try {
+      const items = parts.map((p) => ({
+        objId: p.ARRIVAL_OBJID || undefined,
+        parent_objid: objId, order_part_objid: p.PART_OBJID, part_objid: p.PART_OBJID,
+        arrival_qty: p.ARRIVAL_QTY, arrival_plan_date: p.ARRIVAL_PLAN_DATE,
+        receipt_qty: "0",
+      }));
+      const res = await fetch("/api/delivery/acceptance/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ items }),
+      });
+      const json = await res.json();
+      if (json.success) {
+        Swal.fire({ icon: "success", title: "입고계획이 등록되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) { try { window.opener.location.reload(); } catch {} }
+      } else Swal.fire("오류", json.message, "error");
+    } finally { setLoading(false); }
+  };
+
+  return (
+    <div className="p-5">
+      <h2 className="text-lg font-bold text-gray-800 mb-4">입고계획 등록</h2>
+      <div className="border rounded overflow-auto" style={{ maxHeight: "calc(100vh - 200px)" }}>
+        <table className="w-full text-xs">
+          <thead className="bg-gray-50 sticky top-0">
+            <tr>
+              <th className="p-2 text-left">PART NO</th>
+              <th className="p-2 text-left">PART NAME</th>
+              <th className="p-2 w-[70px]">발주수량</th>
+              <th className="p-2 w-[80px]">계획수량</th>
+              <th className="p-2 w-[110px]">입고계획일</th>
+            </tr>
+          </thead>
+          <tbody>
+            {parts.map((p, i) => (
+              <tr key={i} className="border-t">
+                <td className="p-1.5">{p.PART_NO}</td>
+                <td className="p-1.5">{p.PART_NAME}</td>
+                <td className="p-1.5 text-right">{p.ORDER_QTY}</td>
+                <td className="p-1"><Input type="number" value={p.ARRIVAL_QTY} onChange={(e) => updatePart(i, "ARRIVAL_QTY", e.target.value)} className="h-7 text-xs text-right" /></td>
+                <td className="p-1"><Input type="date" value={p.ARRIVAL_PLAN_DATE} onChange={(e) => updatePart(i, "ARRIVAL_PLAN_DATE", e.target.value)} className="h-7 text-xs" /></td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+      <div className="flex justify-center gap-3 mt-4">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/(main)/scm/order/page.tsx b/src/app/(main)/scm/order/page.tsx
new file mode 100644
index 0000000..239541f
--- /dev/null
+++ b/src/app/(main)/scm/order/page.tsx
@@ -0,0 +1,139 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// scm/scmOrderList.jsp 대응 - SCM 발주관리
+export default function ScmOrderPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [purchaseOrderNo, setPurchaseOrderNo] = useState("");
+  const [customerName, setCustomerName] = useState("");
+  const [projectNo, setProjectNo] = useState("");
+  const [statusCode, setStatusCode] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "발주No", field: "PURCHASE_ORDER_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/scm/order/form?objId=${row.OBJID}`, "scmOrderDetail", "width=1100,height=700") },
+    { title: "복합마스터", field: "MULTI_MASTER_YN", width: 90, hozAlign: "center" },
+    { title: "영업담당", field: "SALES_MNG_USER_NAME", width: 90, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 100, hozAlign: "center" },
+    { title: "고객사", field: "CUSTOMER_NAME", width: 150, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_NAME", width: 120, hozAlign: "left" },
+    { title: "발주명", field: "TITLE", width: 200, hozAlign: "left" },
+    { title: "납기일", field: "DELIVERY_DATE", width: 100, hozAlign: "center" },
+    { title: "납품장소", field: "DELIVERY_PLACE_NAME", width: 120, hozAlign: "left" },
+    { title: "파트수", field: "PART_CNT", width: 70, hozAlign: "right" },
+    { title: "실발주수", field: "REAL_ORDER_CNT", width: 80, hozAlign: "right" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "입고수", field: "ARRIVAL_CNT", width: 70, hozAlign: "right" },
+    { title: "영업상태", field: "SALES_STATUS", width: 80, hozAlign: "center" },
+    { title: "입고수량", field: "RECEIPT_QTY", width: 80, hozAlign: "right" },
+    { title: "미납수량", field: "NON_DELIVERY_QTY", width: 80, hozAlign: "right" },
+    { title: "불량수량", field: "ERROR_QTY", width: 80, hozAlign: "right" },
+    { title: "발행일", field: "ISSUANCE_DATE", width: 100, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/scm/order", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        purchase_order_no: purchaseOrderNo,
+        customer_name: customerName,
+        project_no: projectNo,
+        status_code: statusCode,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, purchaseOrderNo, customerName, projectNo, statusCode]);
+
+  const handleReceipt = async () => {
+    if (selectedRows.length === 0) {
+      alert("접수할 항목을 선택하세요.");
+      return;
+    }
+    // 선택 건들 일괄 접수 처리 (reception_status='reception')
+    const objIds = selectedRows.map((r) => String(r.OBJID));
+    const res = await fetch("/api/scm/order/receipt", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      alert(json.message || "접수 완료");
+      fetchData();
+    } else {
+      alert(json.message || "접수 실패");
+    }
+  };
+
+  const handleArrivalPlan = () => {
+    if (selectedRows.length === 0) {
+      alert("입고계획을 등록할 항목을 선택하세요.");
+      return;
+    }
+    const row = selectedRows[0];
+    const w = 900, h = 600;
+    const left = (window.screen.width - w) / 2, top = (window.screen.height - h) / 2;
+    window.open(`/scm/order/arrival-plan?objId=${row.OBJID}`, "arrivalPlan",
+      `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">SCM 발주관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleReceipt}>접수</Button>
+          <Button size="sm" variant="secondary" onClick={handleArrivalPlan}>입고계획등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="발주번호">
+          <Input value={purchaseOrderNo} onChange={(e) => setPurchaseOrderNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="고객사">
+          <Input value={customerName} onChange={(e) => setCustomerName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <Input value={projectNo} onChange={(e) => setProjectNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <CodeSelect codeId="SCM_ORDER_STATUS" value={statusCode} onChange={setStatusCode} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/scm/payment/page.tsx b/src/app/(main)/scm/payment/page.tsx
new file mode 100644
index 0000000..fdffbdb
--- /dev/null
+++ b/src/app/(main)/scm/payment/page.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// scm/scmPaymentList.jsp 대응 - 자금지급관리
+export default function ScmPaymentPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [supplierName, setSupplierName] = useState("");
+  const [paymentDateFrom, setPaymentDateFrom] = useState("");
+  const [paymentDateTo, setPaymentDateTo] = useState("");
+  const [statusCode, setStatusCode] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "지급번호", field: "PAYMENT_NO", width: 140, hozAlign: "left",
+      cellClick: (row) => window.open(`/scm/payment/form?objId=${row.OBJID}`, "paymentDetail", "width=1000,height=700") },
+    { title: "공급업체", field: "SUPPLIER_NAME", width: 150, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 120, hozAlign: "left" },
+    { title: "지급일", field: "PAYMENT_DATE", width: 100, hozAlign: "center" },
+    { title: "지급금액", field: "PAYMENT_AMOUNT", width: 120, hozAlign: "right", formatter: "money" },
+    { title: "지급구분", field: "PAYMENT_TYPE_NAME", width: 100, hozAlign: "center" },
+    { title: "계좌번호", field: "ACCOUNT_NO", width: 150, hozAlign: "left" },
+    { title: "상태", field: "STATUS_NAME", width: 80, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/scm/payment", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        supplier_name: supplierName,
+        payment_date_from: paymentDateFrom,
+        payment_date_to: paymentDateTo,
+        status_code: statusCode,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, supplierName, paymentDateFrom, paymentDateTo, statusCode]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">자금지급관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={() => window.open("/scm/payment/form", "paymentForm", "width=1000,height=700")}>등록</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="공급업체">
+          <Input value={supplierName} onChange={(e) => setSupplierName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="지급일(From)">
+          <Input type="date" value={paymentDateFrom} onChange={(e) => setPaymentDateFrom(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="지급일(To)">
+          <Input type="date" value={paymentDateTo} onChange={(e) => setPaymentDateTo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <CodeSelect codeId="PAYMENT_STATUS" value={statusCode} onChange={setStatusCode} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/scm/quality/page.tsx b/src/app/(main)/scm/quality/page.tsx
new file mode 100644
index 0000000..c17ad1a
--- /dev/null
+++ b/src/app/(main)/scm/quality/page.tsx
@@ -0,0 +1,78 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+
+// scm/scmQualityList.jsp 대응 - 공급업체품질관리
+export default function ScmQualityPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [supplierName, setSupplierName] = useState("");
+  const [evaluationPeriod, setEvaluationPeriod] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "공급업체", field: "SUPPLIER_NAME", width: 150, hozAlign: "left" },
+    { title: "평가기간", field: "EVALUATION_PERIOD", width: 100, hozAlign: "center" },
+    { title: "납기준수율%", field: "DELIVERY_RATE", width: 100, hozAlign: "right" },
+    { title: "품질점수", field: "QUALITY_SCORE", width: 80, hozAlign: "right" },
+    { title: "불량율%", field: "DEFECT_RATE", width: 80, hozAlign: "right" },
+    { title: "납품건수", field: "DELIVERY_CNT", width: 80, hozAlign: "right" },
+    { title: "불량건수", field: "DEFECT_CNT", width: 80, hozAlign: "right" },
+    { title: "종합등급", field: "TOTAL_GRADE", width: 80, hozAlign: "center" },
+    { title: "평가일", field: "EVALUATION_DATE", width: 100, hozAlign: "center" },
+    { title: "평가자", field: "EVALUATOR_NAME", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/scm/quality", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        supplier_name: supplierName,
+        evaluation_period: evaluationPeriod,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, supplierName, evaluationPeriod]);
+
+  // 페이지 진입 시 자동 로드
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">공급업체품질관리</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[100px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="공급업체">
+          <Input value={supplierName} onChange={(e) => setSupplierName(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="평가기간">
+          <CodeSelect codeId="EVALUATION_PERIOD" value={evaluationPeriod} onChange={setEvaluationPeriod} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid columns={columns} data={data} />
+    </div>
+  );
+}
diff --git a/src/app/(main)/work/diary/page.tsx b/src/app/(main)/work/diary/page.tsx
new file mode 100644
index 0000000..29b358d
--- /dev/null
+++ b/src/app/(main)/work/diary/page.tsx
@@ -0,0 +1,238 @@
+"use client";
+
+import { useCallback, useEffect, useState } from "react";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+
+// productionplanning/workDiaryList.jsp 대응 - 작업일지 목록
+interface Option { value: string; label: string }
+
+export default function WorkDiaryPage() {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [searchDivision, setSearchDivision] = useState("");
+  const [projectObjId, setProjectObjId] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [deptCode, setDeptCode] = useState("");
+  const [worker, setWorker] = useState("");
+  const [searchStatus, setSearchStatus] = useState("");
+
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+  const [unitOptions, setUnitOptions] = useState<Option[]>([]);
+  const [deptOptions, setDeptOptions] = useState<Option[]>([]);
+  const [workerOptions, setWorkerOptions] = useState<Option[]>([]);
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  // 공용 드롭다운
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setProjectOptions(rows.map((r) => ({
+          value: String(r.OBJID ?? ""),
+          label: String(r.LABEL ?? r.PROJECT_NO ?? ""),
+        })));
+      })
+      .catch(() => setProjectOptions([]));
+
+    fetch("/api/common/dept-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setDeptOptions(rows.map((r) => ({ value: String(r.DEPT_CODE ?? ""), label: String(r.DEPT_NAME ?? "") })));
+      })
+      .catch(() => setDeptOptions([]));
+
+    fetch("/api/common/user-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setWorkerOptions(rows.map((r) => ({
+          value: String(r.USER_ID ?? ""),
+          label: `${r.DEPT_NAME ?? ""} / ${r.USER_NAME ?? ""}`,
+        })));
+      })
+      .catch(() => setWorkerOptions([]));
+  }, []);
+
+  const handleProjectChange = useCallback((next: string) => {
+    setProjectObjId(next);
+    setUnitCode("");
+    if (!next) { setUnitOptions([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: next }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setUnitOptions(list.map((r) => ({ value: String(r.OBJID ?? ""), label: String(r.UNIT_NAME ?? "") })));
+      })
+      .catch(() => setUnitOptions([]));
+  }, []);
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/work/diary", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        search_division: searchDivision,
+        project_nos: projectObjId ? [projectObjId] : [],
+        unit_code: unitCode,
+        busUsersDeptId: deptCode,
+        worker,
+        search_status: searchStatus,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [year, searchDivision, projectObjId, unitCode, deptCode, worker, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const openFormPopup = (objId?: string) => {
+    const w = 1200; const h = 600;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    const url = objId ? `/work/diary/form?objId=${encodeURIComponent(objId)}` : "/work/diary/form";
+    window.open(url, "diaryForm", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const collectWriteIds = () => selectedRows
+    .filter((r) => r.STATUS === "write")
+    .map((r) => String(r.OBJID));
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) { Swal.fire("알림", "선택된 데이터가 없습니다.", "warning"); return; }
+    const ids = collectWriteIds();
+    if (ids.length === 0) { Swal.fire("알림", "작성중인 데이터만 삭제 가능합니다.", "warning"); return; }
+
+    const confirm = await Swal.fire({
+      title: "선택된 데이터를 삭제 하시겠습니까?",
+      icon: "warning", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+
+    const res = await fetch("/api/work/diary/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ checkArr: ids }),
+    });
+    const json = await res.json();
+    await Swal.fire(json.msg || (json.success ? "삭제되었습니다." : "삭제 실패"), "", json.success ? "success" : "error");
+    if (json.success) fetchData();
+  };
+
+  const handleConfirm = async () => {
+    if (selectedRows.length === 0) { Swal.fire("알림", "선택된 데이터가 없습니다.", "warning"); return; }
+    const ids = collectWriteIds();
+    if (ids.length === 0) { Swal.fire("알림", "등록중인 데이터만 배포 가능합니다.", "warning"); return; }
+
+    const confirm = await Swal.fire({
+      title: "선택된 데이터를 확정 하시겠습니까?",
+      icon: "warning", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+
+    const res = await fetch("/api/work/diary/confirm", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ checkArr: ids }),
+    });
+    const json = await res.json();
+    await Swal.fire(json.msg || (json.success ? "확정되었습니다." : "확정 실패"), "", json.success ? "success" : "error");
+    if (json.success) fetchData();
+  };
+
+  const columns: GridColumn[] = [
+    {
+      title: "구분", field: "DIVISION", width: 110, hozAlign: "center",
+      formatter: (v) => v === "project" ? "프로젝트" : v === "non_project" ? "비프로젝트" : String(v ?? ""),
+      cellClick: (row) => openFormPopup(String(row.OBJID)),
+    },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 130, hozAlign: "left" },
+    { title: "유닛명", field: "UNIT_CODE_NAME", width: 260, hozAlign: "left" },
+    { title: "TASK명", field: "TASK_NAME", width: 320, hozAlign: "left" },
+    { title: "팀명", field: "DEPT_NAME", width: 110, hozAlign: "center" },
+    { title: "작업자", field: "WORKER_NAME", width: 110, hozAlign: "center" },
+    { title: "작업시작일", field: "WORK_START_DATE", width: 110, hozAlign: "center" },
+    { title: "작업종료일", field: "WORK_END_DATE", width: 110, hozAlign: "center" },
+    { title: "작업시간", field: "WORK_HOUR", width: 90, hozAlign: "right", formatter: "money" },
+    { title: "상태", field: "STATUS_TITLE", width: 90, hozAlign: "center" },
+  ];
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">작업일지</h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={() => openFormPopup()}>작업일지등록</Button>
+          <Button size="sm" variant="secondary" onClick={handleConfirm}>팀장확인</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[110px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="구분">
+          <select value={searchDivision} onChange={(e) => setSearchDivision(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            <option value="project">프로젝트</option>
+            <option value="non_project">비프로젝트</option>
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect options={projectOptions} value={projectObjId} onChange={handleProjectChange}
+            className="w-[240px]" placeholder="선택" />
+        </SearchField>
+        <SearchField label="유닛명">
+          <SearchableSelect options={unitOptions} value={unitCode} onChange={setUnitCode}
+            className="w-[200px]" placeholder="선택" disabled={!projectObjId} />
+        </SearchField>
+        <SearchField label="팀명">
+          <SearchableSelect options={deptOptions} value={deptCode} onChange={setDeptCode}
+            className="w-[160px]" placeholder="선택" />
+        </SearchField>
+        <SearchField label="작업자">
+          <SearchableSelect options={workerOptions} value={worker} onChange={setWorker}
+            className="w-[200px]" placeholder="선택" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[130px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            <option value="write">작성중</option>
+            <option value="complete">확인완료</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        onSelectionChange={setSelectedRows}
+
+      />
+    </div>
+  );
+}
diff --git a/src/app/(main)/work/status/page.tsx b/src/app/(main)/work/status/page.tsx
new file mode 100644
index 0000000..098ce4c
--- /dev/null
+++ b/src/app/(main)/work/status/page.tsx
@@ -0,0 +1,372 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { numberWithCommas } from "@/lib/utils";
+
+// productionplanning/workStatusByProjectList.jsp + workStatusByImployeeList.jsp 대응
+// 탭: 프로젝트 작업현황 / 담당자별 작업현황
+type Tab = "project" | "employee";
+
+interface Option { value: string; label: string }
+
+interface ProjectSumMap {
+  SUM_DESIGN_INPUT?: number;
+  SUM_PURCHASE_INPUT?: number;
+  SUM_SALES_INPUT?: number;
+  SUM_PRODUCTION_MGMT_INPUT?: number;
+  SUM_PRODUCTION_INPUT?: number;
+  SUM_MGMT_INPUT?: number;
+  SUM_OUTSOURCING?: number;
+  SUM_WORK_HOUR?: number;
+  SUM_MAN_DAY?: number;
+  SUM_MAN_MONTH?: number;
+}
+
+interface EmployeeSumMap {
+  SUM_WORK_HOUR?: number;
+  SUM_MAN_DAY?: number;
+  SUM_MAN_MONTH?: number;
+}
+
+export default function WorkStatusPage() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WorkStatusContent />
+    </Suspense>
+  );
+}
+
+function WorkStatusContent() {
+  const searchParams = useSearchParams();
+  const tabParam = searchParams.get("tab");
+  const [tab, setTab] = useState<Tab>(tabParam === "employee" ? "employee" : "project");
+
+  // 메뉴 재클릭 등으로 ?tab= 변경될 때 탭 동기화
+  useEffect(() => {
+    if (tabParam === "employee" || tabParam === "project") setTab(tabParam);
+  }, [tabParam]);
+
+  // 공용 드롭다운 옵션
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+  const [deptOptions, setDeptOptions] = useState<Option[]>([]);
+  const [workerOptions, setWorkerOptions] = useState<Option[]>([]);
+
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setProjectOptions(rows.map((r) => ({
+          value: String(r.OBJID ?? ""),
+          label: String(r.LABEL ?? r.PROJECT_NO ?? ""),
+        })));
+      })
+      .catch(() => setProjectOptions([]));
+
+    fetch("/api/common/dept-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setDeptOptions(rows.map((r) => ({
+          value: String(r.DEPT_CODE ?? ""),
+          label: String(r.DEPT_NAME ?? ""),
+        })));
+      })
+      .catch(() => setDeptOptions([]));
+
+    fetch("/api/common/user-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setWorkerOptions(rows.map((r) => ({
+          value: String(r.USER_ID ?? ""),
+          label: `${r.DEPT_NAME ?? ""} / ${r.USER_NAME ?? ""}`,
+        })));
+      })
+      .catch(() => setWorkerOptions([]));
+  }, []);
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">작업관리 현황</h2>
+
+      <div className="inline-flex bg-gray-100 rounded-lg p-1 mb-4">
+        <TabButton active={tab === "project"} onClick={() => setTab("project")} label="프로젝트 작업현황" />
+        <TabButton active={tab === "employee"} onClick={() => setTab("employee")} label="담당자별 작업현황" />
+      </div>
+
+      {tab === "project" ? (
+        <ProjectTab projectOptions={projectOptions} />
+      ) : (
+        <EmployeeTab projectOptions={projectOptions} deptOptions={deptOptions} workerOptions={workerOptions} />
+      )}
+    </div>
+  );
+}
+
+function TabButton({ active, onClick, label }: { active: boolean; onClick: () => void; label: string }) {
+  return (
+    <button
+      type="button"
+      onClick={onClick}
+      className={`px-4 py-1.5 rounded-md text-sm font-medium transition-colors ${
+        active ? "bg-white text-primary shadow-sm" : "text-gray-500 hover:text-gray-700"
+      }`}
+    >
+      {label}
+    </button>
+  );
+}
+
+// ── 프로젝트 작업현황 ────────────────────────────────────────
+function ProjectTab({ projectOptions }: { projectOptions: Option[] }) {
+  const [projectObjId, setProjectObjId] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [unitOptions, setUnitOptions] = useState<Option[]>([]);
+  const [rows, setRows] = useState<Record<string, unknown>[]>([]);
+  const [sumMap, setSumMap] = useState<ProjectSumMap>({});
+
+  const handleProjectChange = useCallback((next: string) => {
+    setProjectObjId(next);
+    setUnitCode("");
+    if (!next) { setUnitOptions([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: next }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setUnitOptions(list.map((r) => ({
+          value: String(r.OBJID ?? ""),
+          label: String(r.UNIT_NAME ?? ""),
+        })));
+      })
+      .catch(() => setUnitOptions([]));
+  }, []);
+
+  const fetchData = useCallback(async () => {
+    if (!projectObjId) {
+      Swal.fire("알림", "프로젝트번호는 필수값입니다.", "warning");
+      return;
+    }
+    const res = await fetch("/api/work/status/project", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ project_nos: [projectObjId], unit_code: unitCode }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setRows(json.RESULTLIST || []);
+      setSumMap(json.SUM_PRICE_MAP || {});
+    }
+  }, [projectObjId, unitCode]);
+
+  const columns: GridColumn[] = [
+    {
+      title: "프로젝트", headerHozAlign: "center",
+      columns: [
+        { title: "프로젝트번호", field: "PROJECT_NO", width: 140, hozAlign: "left" },
+        { title: "유닛명", field: "UNIT_NAME", width: 200, hozAlign: "left" },
+      ],
+    },
+    {
+      title: "투입공수", headerHozAlign: "center",
+      columns: [
+        { title: "영업", field: "SALES_INPUT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "관리", field: "MGMT_INPUT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "설계", field: "DESIGN_INPUT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "구매", field: "PURCHASE_INPUT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "생관", field: "PRODUCTION_MGMT_INPUT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "생산", field: "PRODUCTION_INPUT", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "외주", field: "OUTSOURCING", width: 80, hozAlign: "right", formatter: "money" },
+        { title: "작업시간(h)", field: "WORK_HOUR", width: 110, hozAlign: "right", formatter: "money" },
+        { title: "Day/Man", field: "MAN_DAY", width: 90, hozAlign: "right", formatter: "money" },
+        { title: "Month/Man", field: "MAN_MONTH", width: 100, hozAlign: "right", formatter: "money" },
+      ],
+    },
+  ];
+
+  return (
+    <>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect
+            options={projectOptions}
+            value={projectObjId}
+            onChange={handleProjectChange}
+            className="w-[280px]"
+            placeholder="선택"
+          />
+        </SearchField>
+        <SearchField label="유닛명">
+          <SearchableSelect
+            options={unitOptions}
+            value={unitCode}
+            onChange={setUnitCode}
+            className="w-[240px]"
+            placeholder="선택"
+            disabled={!projectObjId}
+          />
+        </SearchField>
+      </SearchForm>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+
+      <DataGrid columns={columns} data={rows} />
+
+      {/* 합계 */}
+      {rows.length > 0 && (
+        <div className="mt-2 border border-gray-200 rounded bg-gray-50 px-3 py-2 text-xs text-gray-700">
+          <span className="font-semibold mr-4">(계)</span>
+          <SumCell label="영업" value={sumMap.SUM_SALES_INPUT} />
+          <SumCell label="관리" value={sumMap.SUM_MGMT_INPUT} />
+          <SumCell label="설계" value={sumMap.SUM_DESIGN_INPUT} />
+          <SumCell label="구매" value={sumMap.SUM_PURCHASE_INPUT} />
+          <SumCell label="생관" value={sumMap.SUM_PRODUCTION_MGMT_INPUT} />
+          <SumCell label="생산" value={sumMap.SUM_PRODUCTION_INPUT} />
+          <SumCell label="외주" value={sumMap.SUM_OUTSOURCING} />
+          <SumCell label="작업시간" value={sumMap.SUM_WORK_HOUR} />
+          <SumCell label="Day/Man" value={sumMap.SUM_MAN_DAY} />
+          <SumCell label="Month/Man" value={sumMap.SUM_MAN_MONTH} />
+        </div>
+      )}
+    </>
+  );
+}
+
+// ── 담당자별 작업현황 ────────────────────────────────────────
+function EmployeeTab({ projectOptions, deptOptions, workerOptions }: {
+  projectOptions: Option[]; deptOptions: Option[]; workerOptions: Option[];
+}) {
+  const [year, setYear] = useState(new Date().getFullYear().toString());
+  const [projectObjId, setProjectObjId] = useState("");
+  const [deptCode, setDeptCode] = useState("");
+  const [worker, setWorker] = useState("");
+  const [list, setList] = useState<Record<string, unknown>[]>([]);
+  const [npList, setNpList] = useState<Record<string, unknown>[]>([]);
+  const [sumMap, setSumMap] = useState<EmployeeSumMap>({});
+
+  // 부서 선택 시 작업자 목록 필터링
+  const filteredWorkers = useMemo(() => {
+    if (!deptCode) return workerOptions;
+    // user-list 옵션 label을 '부서명 / 작업자'로 구성하므로 간단 필터링 불가 → 전체 재요청 생략
+    return workerOptions;
+  }, [deptCode, workerOptions]);
+
+  const fetchData = useCallback(async () => {
+    if (!deptCode && !worker) {
+      Swal.fire("알림", "팀명 또는 작업자는 필수값입니다.", "warning");
+      return;
+    }
+    const res = await fetch("/api/work/status/employee", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        year,
+        project_nos: projectObjId ? [projectObjId] : [],
+        busUsersDeptId: deptCode,
+        worker,
+      }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setList(json.LIST || []);
+      setNpList(json.NP_LIST || []);
+      setSumMap(json.SUM_PRICE_MAP || {});
+    }
+  }, [year, projectObjId, deptCode, worker]);
+
+  // 합쳐서 그리드에 표시: 프로젝트 행 + 합계 구분행 + 비프로젝트 행
+  const combined = useMemo(() => {
+    const projectRows = list.map((r) => ({ ...r, _DIVISION: "프로젝트" }));
+    const npRows = npList.map((r) => ({ ...r, _DIVISION: "비프로젝트", PROJECT_NO: "" }));
+    return [...projectRows, ...npRows];
+  }, [list, npList]);
+
+  const columns: GridColumn[] = [
+    { title: "구분", field: "_DIVISION", width: 100, hozAlign: "left" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 140, hozAlign: "left" },
+    { title: "팀명", field: "WORKER_DEPT_NAME", width: 120, hozAlign: "center" },
+    { title: "작업자", field: "WORKER_USER_NAME", width: 120, hozAlign: "center" },
+    { title: "작업시간", field: "WORK_HOUR", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "Day/Man", field: "MAN_DAY", width: 100, hozAlign: "right", formatter: "money" },
+    { title: "Month/Man", field: "MAN_MONTH", width: 110, hozAlign: "right", formatter: "money" },
+  ];
+
+  return (
+    <>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년도">
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[110px] rounded border border-gray-300 bg-white px-3 text-sm">
+            {Array.from({ length: 5 }, (_, i) => new Date().getFullYear() - i).map((y) => (
+              <option key={y} value={y}>{y}</option>
+            ))}
+          </select>
+        </SearchField>
+        <SearchField label="프로젝트번호">
+          <SearchableSelect
+            options={projectOptions}
+            value={projectObjId}
+            onChange={setProjectObjId}
+            className="w-[260px]"
+            placeholder="선택"
+          />
+        </SearchField>
+        <SearchField label="팀명">
+          <SearchableSelect
+            options={deptOptions}
+            value={deptCode}
+            onChange={setDeptCode}
+            className="w-[180px]"
+            placeholder="선택"
+          />
+        </SearchField>
+        <SearchField label="작업자">
+          <SearchableSelect
+            options={filteredWorkers}
+            value={worker}
+            onChange={setWorker}
+            className="w-[220px]"
+            placeholder="선택"
+          />
+        </SearchField>
+      </SearchForm>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+
+      <DataGrid columns={columns} data={combined} />
+
+      {/* 프로젝트 합계 */}
+      {list.length > 0 && (
+        <div className="mt-2 border border-gray-200 rounded bg-gray-50 px-3 py-2 text-xs text-gray-700">
+          <span className="font-semibold mr-4">프로젝트 합계</span>
+          <SumCell label="작업시간" value={sumMap.SUM_WORK_HOUR} />
+          <SumCell label="Day/Man" value={sumMap.SUM_MAN_DAY} />
+          <SumCell label="Month/Man" value={sumMap.SUM_MAN_MONTH} />
+        </div>
+      )}
+    </>
+  );
+}
+
+function SumCell({ label, value }: { label: string; value?: number }) {
+  return (
+    <span className="inline-block mr-5">
+      <span className="text-gray-500">{label}:</span>{" "}
+      <span className="font-semibold">{numberWithCommas(Number(value) || 0)}</span>
+    </span>
+  );
+}
diff --git a/src/app/admin-panel/CLAUDE.md b/src/app/admin-panel/CLAUDE.md
new file mode 100644
index 0000000..8eb8ead
--- /dev/null
+++ b/src/app/admin-panel/CLAUDE.md
@@ -0,0 +1,24 @@
+## 역할
+관리자 전용 시스템 관리 패널. `window.open` 팝업으로 열리며, 사용자/부서/권한/메뉴/공통코드/공급업체 관리 및 시스템 로그 조회를 담당.
+
+## 주요 파일
+- **page.tsx** — 단일 파일(570줄+)에 모든 관리 탭 포함. 좌측 메뉴 + 우측 콘텐츠 2분할 레이아웃.
+
+## 공통 패턴
+- 탭 관리: `AdminTab` 타입으로 activeTab 제어 (user/code/menu/auth/dept 등)
+- 각 탭별 인라인 컴포넌트: `UserManagement()`, `CodeManagement()` 등
+- 데이터 조회: `POST /api/admin/{resource}` → `json.RESULTLIST`
+- 폼 팝업: `window.open("/admin-panel/{resource}-form?actionType=regist")`
+
+## 연결 고리
+- API: `/api/admin/users`, `/api/admin/codes`, `/api/admin/menus`, `/api/admin/auth`, `/api/admin/dept`, `/api/admin/supply`, `/api/admin/log-login`, `/api/admin/log-file`
+- 컴포넌트: DataGrid, SearchForm, SearchField, Button, Input
+
+## 숨겨진 스펙
+- 좌측 메뉴: `ADMIN_MENUS` 배열로 정의, 섹션별 아코디언(openSections Set)
+- 활성 탭: 파란 배경(`bg-[#1C90FB]`), 비활성: 회색
+- 미구현 탭: `PlaceholderContent` 준비 중 메시지 표시
+- 폼 팝업 경로: 신규 `?actionType=regist`, 수정 `?{id}=${id}`
+- 검색: 텍스트 Input + 상태 select(active/inActive) 조합
+
+@MISTAKES.md
diff --git a/src/app/admin-panel/MISTAKES.md b/src/app/admin-panel/MISTAKES.md
new file mode 100644
index 0000000..cff49f8
--- /dev/null
+++ b/src/app/admin-panel/MISTAKES.md
@@ -0,0 +1,9 @@
+# admin-panel 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/app/admin-panel/code-form/page.tsx b/src/app/admin-panel/code-form/page.tsx
new file mode 100644
index 0000000..94641db
--- /dev/null
+++ b/src/app/admin-panel/code-form/page.tsx
@@ -0,0 +1,200 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+interface ParentCode { CODE_ID: string; CODE_NAME: string }
+
+function CodeForm() {
+  const searchParams = useSearchParams();
+  const codeId = searchParams.get("codeId");
+  const isNew = !codeId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [parents, setParents] = useState<ParentCode[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [parentOpen, setParentOpen] = useState(false);
+  const [parentSearch, setParentSearch] = useState("");
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const selectedParent = parents.find((p) => p.CODE_ID === (form.parent_code_id || ""));
+  const filteredParents = parentSearch
+    ? parents.filter(
+        (p) =>
+          p.CODE_NAME.toLowerCase().includes(parentSearch.toLowerCase()) ||
+          p.CODE_ID.toLowerCase().includes(parentSearch.toLowerCase())
+      )
+    : parents;
+
+  // 분류(최상위) 코드 로드
+  useEffect(() => {
+    fetch("/api/admin/codes", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ parentOnly: true }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setParents(rows.map((r) => ({ CODE_ID: String(r.CODE_ID || ""), CODE_NAME: String(r.CODE_NAME || "") })));
+      })
+      .catch(() => {});
+  }, []);
+
+  // 수정 시 상세 로드
+  useEffect(() => {
+    if (codeId) {
+      fetch("/api/admin/codes/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ codeId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [codeId]);
+
+  const handleSave = async () => {
+    if (!form.code_name) {
+      Swal.fire("알림", "코드명을 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/admin/codes/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) {
+          try { window.opener.location.reload(); } catch {}
+        }
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-gray-50 min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 flex items-center gap-1">
+        <span className="text-blue-500">●</span> 공통코드 관리
+      </h2>
+      <div className="bg-white border rounded p-4">
+        <table className="w-full border-collapse text-sm">
+          <tbody>
+            <tr>
+              <th className="bg-[#5c6d97] text-white font-medium text-center py-2.5 w-[130px] border border-white">분류선택</th>
+              <td className="border border-gray-200 p-1.5">
+                <div className="relative">
+                  <input
+                    type="text"
+                    value={parentOpen ? parentSearch : (selectedParent?.CODE_NAME || "")}
+                    placeholder="선택 (검색 가능)"
+                    onFocus={() => { setParentOpen(true); setParentSearch(""); }}
+                    onBlur={() => setTimeout(() => setParentOpen(false), 150)}
+                    onChange={(e) => setParentSearch(e.target.value)}
+                    className="h-9 w-full rounded border border-gray-300 bg-white pl-2 pr-8 text-sm outline-none focus:ring-1 focus:ring-blue-400"
+                  />
+                  {selectedParent && !parentOpen && (
+                    <button
+                      type="button"
+                      onClick={() => { set("parent_code_id", ""); setParentSearch(""); }}
+                      className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-700 text-sm leading-none"
+                      aria-label="선택 해제"
+                    >
+                      ×
+                    </button>
+                  )}
+                  {parentOpen && (
+                    <div className="absolute z-50 left-0 right-0 top-full mt-1 max-h-60 overflow-y-auto bg-white border border-gray-300 rounded shadow-lg">
+                      <button
+                        type="button"
+                        onMouseDown={(e) => {
+                          e.preventDefault();
+                          set("parent_code_id", "");
+                          setParentSearch("");
+                          setParentOpen(false);
+                        }}
+                        className="w-full text-left px-2 py-1.5 text-sm text-gray-500 italic hover:bg-gray-50 border-b"
+                      >
+                        (최상위 — 분류 없음)
+                      </button>
+                      {filteredParents.length === 0 ? (
+                        <div className="p-2 text-xs text-gray-400 text-center">결과 없음</div>
+                      ) : (
+                        filteredParents.map((p) => (
+                          <button
+                            key={p.CODE_ID}
+                            type="button"
+                            onMouseDown={(e) => {
+                              e.preventDefault();
+                              set("parent_code_id", p.CODE_ID);
+                              setParentSearch("");
+                              setParentOpen(false);
+                            }}
+                            className="w-full text-left px-2 py-1.5 text-sm hover:bg-blue-50 flex items-center gap-2"
+                          >
+                            <span className="text-[11px] text-gray-400 font-mono shrink-0 w-[70px]">{p.CODE_ID}</span>
+                            <span className="truncate">{p.CODE_NAME}</span>
+                          </button>
+                        ))
+                      )}
+                    </div>
+                  )}
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <th className="bg-[#5c6d97] text-white font-medium text-center py-2.5 border border-white">
+                코드명 <span className="text-red-300">*</span>
+              </th>
+              <td className="border border-gray-200 p-1.5">
+                <Input value={form.code_name || ""} onChange={(e) => set("code_name", e.target.value)} />
+              </td>
+            </tr>
+            <tr>
+              <th className="bg-[#5c6d97] text-white font-medium text-center py-2.5 border border-white">활성화여부</th>
+              <td className="border border-gray-200 p-1.5">
+                <select
+                  value={form.status || ""}
+                  onChange={(e) => set("status", e.target.value)}
+                  className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm"
+                >
+                  <option value="">선택</option>
+                  <option value="active">활성</option>
+                  <option value="inActive">비활성</option>
+                </select>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <div className="flex justify-center gap-2 mt-5">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <CodeForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/admin-panel/page.tsx b/src/app/admin-panel/page.tsx
new file mode 100644
index 0000000..49879b6
--- /dev/null
+++ b/src/app/admin-panel/page.tsx
@@ -0,0 +1,1645 @@
+"use client";
+
+import { useState, useCallback, useEffect, useMemo } from "react";
+import { cn } from "@/lib/utils";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+import {
+  Menu, Shield, Users, Database, FileText, Activity,
+  ChevronRight, Settings,
+} from "lucide-react";
+
+// admin/adminMainFS.do 대응 - 관리자 팝업 페이지
+type AdminTab = "menu" | "auth" | "user" | "dept" | "code" | "supply" | "template" | "exchange" | "log-file" | "log-login" | "log-mail" | "ref-customer" | "ref-material" | "ref-car" | "ref-car-grade" | "ref-product-group" | "ref-product" | "spec-data-category" | "car-option";
+
+const ADMIN_MENUS = [
+  {
+    label: "메뉴관리", icon: Menu,
+    items: [{ key: "menu" as AdminTab, label: "메뉴관리" }],
+  },
+  {
+    label: "권한 및 사용자 관리", icon: Shield,
+    items: [
+      { key: "auth" as AdminTab, label: "권한 관리" },
+      { key: "dept" as AdminTab, label: "부서 관리" },
+      { key: "user" as AdminTab, label: "사용자 관리" },
+    ],
+  },
+  {
+    label: "기준정보관리", icon: Database,
+    items: [
+      { key: "code" as AdminTab, label: "공통코드관리" },
+      { key: "supply" as AdminTab, label: "공급업체관리" },
+      { key: "template" as AdminTab, label: "템플릿 관리" },
+      { key: "exchange" as AdminTab, label: "환율관리" },
+    ],
+  },
+  {
+    label: "기준정보 관리 (상세)", icon: Settings,
+    items: [
+      { key: "ref-customer" as AdminTab, label: "고객사 관리" },
+      { key: "ref-material" as AdminTab, label: "재질 관리" },
+      { key: "ref-car" as AdminTab, label: "차종 관리" },
+      { key: "ref-car-grade" as AdminTab, label: "차종 Grade 관리" },
+      { key: "ref-product-group" as AdminTab, label: "제품군 관리" },
+      { key: "ref-product" as AdminTab, label: "제품 관리" },
+      { key: "spec-data-category" as AdminTab, label: "기술자료 카테고리 관리" },
+      { key: "car-option" as AdminTab, label: "차량옵션(사양) 관리" },
+    ],
+  },
+  {
+    label: "System Log", icon: Activity,
+    items: [
+      { key: "log-file" as AdminTab, label: "파일 다운로드 로그" },
+      { key: "log-login" as AdminTab, label: "로그인 로그" },
+      { key: "log-mail" as AdminTab, label: "메일발송 로그" },
+    ],
+  },
+];
+
+export default function AdminPanelPage() {
+  const [activeTab, setActiveTab] = useState<AdminTab>("user");
+  const [openSections, setOpenSections] = useState<Set<string>>(new Set(["권한 및 사용자 관리"]));
+
+  const toggleSection = (label: string) => {
+    setOpenSections((prev) => {
+      const next = new Set(prev);
+      if (next.has(label)) next.delete(label);
+      else next.add(label);
+      return next;
+    });
+  };
+
+  return (
+    <div className="flex h-screen bg-gray-100">
+      {/* 좌측 메뉴 (adminMenu.jsp 대응) */}
+      <aside className="w-[220px] bg-[#2a2a2a] text-gray-300 flex flex-col shrink-0">
+        <div className="px-4 py-3 border-b border-white/10">
+          <h1 className="text-white font-bold text-sm flex items-center gap-2">
+            <Shield size={16} className="text-orange-400" />
+            관리자
+          </h1>
+        </div>
+        <nav className="flex-1 overflow-y-auto py-2">
+          {ADMIN_MENUS.map((section) => {
+            const isOpen = openSections.has(section.label);
+            const Icon = section.icon;
+            return (
+              <div key={section.label}>
+                <button
+                  onClick={() => toggleSection(section.label)}
+                  className="w-full flex items-center px-3 py-2 text-[12px] font-semibold hover:bg-white/5 hover:text-white transition-colors"
+                >
+                  <Icon size={13} className="mr-2 text-gray-500" />
+                  <span className="flex-1 text-left">{section.label}</span>
+                  <ChevronRight size={10} className={cn("transition-transform", isOpen && "rotate-90")} />
+                </button>
+                {isOpen && (
+                  <div className="py-0.5">
+                    {section.items.map((item) => (
+                      <button
+                        key={item.key}
+                        onClick={() => setActiveTab(item.key)}
+                        className={cn(
+                          "w-full text-left pl-9 pr-3 py-1.5 text-[11px] transition-colors",
+                          activeTab === item.key
+                            ? "text-white bg-[#1C90FB]"
+                            : "text-gray-400 hover:text-white hover:bg-white/5"
+                        )}
+                      >
+                        {item.label}
+                      </button>
+                    ))}
+                  </div>
+                )}
+              </div>
+            );
+          })}
+        </nav>
+      </aside>
+
+      {/* 우측 콘텐츠 */}
+      <main className="flex-1 overflow-auto p-4">
+        {activeTab === "user" && <UserManagement />}
+        {activeTab === "code" && <CodeManagement />}
+        {activeTab === "menu" && <MenuManagement />}
+        {activeTab === "auth" && <AuthManagement />}
+        {activeTab === "dept" && <DeptManagement />}
+        {activeTab === "supply" && <SupplyManagement />}
+        {activeTab === "log-login" && <LoginLogPage />}
+        {activeTab === "log-file" && <FileDownloadLogPage />}
+        {activeTab === "log-mail" && <MailSendLogPage />}
+        {activeTab === "template" && <TemplateManagement />}
+        {activeTab === "exchange" && <ExchangeRateManagement />}
+        {activeTab === "ref-customer" && <CustomerManagement />}
+        {activeTab === "ref-material" && <MaterialManagement />}
+        {activeTab === "ref-car" && <CarManagement />}
+        {activeTab === "ref-product-group" && <ProductGroupManagement />}
+        {activeTab === "ref-product" && <ProductManagement />}
+        {activeTab === "spec-data-category" && <SpecDataCategoryManagement />}
+        {activeTab === "car-option" && <CarOptionManagement />}
+        {/* 기타 탭은 공통 Placeholder (DB 테이블 없음) */}
+        {!["user","code","menu","auth","dept","supply","log-login","log-file","log-mail","template","exchange","ref-customer","ref-material","ref-car","ref-product-group","ref-product","spec-data-category","car-option"].includes(activeTab) && (
+          <PlaceholderContent title={ADMIN_MENUS.flatMap(s => s.items).find(i => i.key === activeTab)?.label || activeTab} />
+        )}
+      </main>
+    </div>
+  );
+}
+
+// ==========================================
+// 사용자 관리 (admin/user/userList.jsp 대응)
+// ==========================================
+function UserManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchDept, setSearchDept] = useState("");
+  const [searchType, setSearchType] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const columns: GridColumn[] = [
+    { title: "부서명", field: "DEPT_NAME", width: 120 },
+    { title: "사용자 ID", field: "USER_ID", width: 120, cellClick: (row) => openUserForm(String(row.USER_ID)) },
+    { title: "사용자명", field: "USER_NAME", width: 100, hozAlign: "center" },
+    { title: "전화번호", field: "CELL_PHONE", width: 130 },
+    { title: "이메일", field: "EMAIL", width: 180 },
+    { title: "등록일", field: "REGDATE", width: 100, hozAlign: "center" },
+    { title: "상태", field: "STATUS", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/users", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ user_name: searchName, dept_name: searchDept, user_type: searchType }),
+    });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchDept, searchType]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const openUserForm = (userId?: string) => {
+    window.open(
+      `/admin-panel/user-form${userId ? `?userId=${userId}` : "?actionType=regist"}`,
+      "userFormPopup", "width=500,height=620"
+    );
+  };
+
+  const handleDelete = async () => {
+    Swal.fire({ icon: "warning", title: "삭제할 사용자를 선택하세요." });
+  };
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">사용자 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="구분">
+          <select value={searchType} onChange={(e) => setSearchType(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">전체</option>
+            <option value="A">관리자</option>
+            <option value="U">사용자</option>
+            <option value="P">협력사</option>
+          </select>
+        </SearchField>
+        <SearchField label="부서명">
+          <Input value={searchDept} onChange={(e) => setSearchDept(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="사용자명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => openUserForm()}>사용자 등록</Button>
+        <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} showCheckbox height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 공통코드 관리 (admin/codeCategory/codeCategoryMngList.jsp)
+// ==========================================
+interface CodeRow {
+  OBJID: string;
+  CODE_ID: string;
+  CODE_NAME: string;
+  EXT_VAL: string;
+  PARENT_CODE_ID: string;
+  WRITER_NAME: string;
+  REGDATE: string;
+  STATUS: string;
+}
+
+function CodeManagement() {
+  const [searchCode, setSearchCode] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<CodeRow[]>([]);
+  const [expanded, setExpanded] = useState<Set<string>>(new Set());
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/codes", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ code_name: searchCode, status: searchStatus }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      const rows = (json.RESULTLIST || []) as Record<string, unknown>[];
+      const mapped: CodeRow[] = rows.map((r) => ({
+        OBJID: String(r.OBJID || ""),
+        CODE_ID: String(r.CODE_ID || ""),
+        CODE_NAME: String(r.CODE_NAME || ""),
+        EXT_VAL: String(r.EXT_VAL || ""),
+        PARENT_CODE_ID: String(r.PARENT_CODE_ID || ""),
+        WRITER_NAME: String(r.WRITER_NAME || ""),
+        REGDATE: String(r.REGDATE || ""),
+        STATUS: String(r.STATUS || ""),
+      }));
+      setData(mapped);
+    }
+  }, [searchCode, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  // 검색어가 있으면 평면 리스트, 없으면 트리 모드
+  const isSearching = searchCode.trim().length > 0;
+
+  // code_id → 자식 리스트 매핑
+  const childrenMap = useMemo(() => {
+    const m = new Map<string, CodeRow[]>();
+    data.forEach((r) => {
+      const key = r.PARENT_CODE_ID || "";
+      if (!m.has(key)) m.set(key, []);
+      m.get(key)!.push(r);
+    });
+    return m;
+  }, [data]);
+
+  // 표시 행 (트리 평탄화 또는 검색 평면)
+  const visibleRows = useMemo(() => {
+    if (isSearching) {
+      return data.map((r) => ({ row: r, depth: 0, hasChildren: false }));
+    }
+    const out: { row: CodeRow; depth: number; hasChildren: boolean }[] = [];
+    const walk = (parentId: string, depth: number) => {
+      const kids = childrenMap.get(parentId) || [];
+      kids.forEach((k) => {
+        const hasChildren = (childrenMap.get(k.CODE_ID) || []).length > 0;
+        out.push({ row: k, depth, hasChildren });
+        if (expanded.has(k.CODE_ID)) walk(k.CODE_ID, depth + 1);
+      });
+    };
+    walk("", 0);
+    return out;
+  }, [data, childrenMap, expanded, isSearching]);
+
+  const toggleExpand = (codeId: string) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(codeId)) next.delete(codeId); else next.add(codeId);
+      return next;
+    });
+  };
+
+  const expandAll = () => setExpanded(new Set(data.map((r) => r.CODE_ID)));
+  const collapseAll = () => setExpanded(new Set());
+
+  const openCodeDetail = (codeId: string) => {
+    window.open(`/admin-panel/code-form?codeId=${codeId}`, "codeFormPopup", "width=500,height=600");
+  };
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">공통코드관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="코드명">
+          <Input value={searchCode} onChange={(e) => setSearchCode(e.target.value)} className="w-[150px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        {!isSearching && (
+          <>
+            <Button size="sm" variant="secondary" onClick={expandAll}>전체 펼치기</Button>
+            <Button size="sm" variant="secondary" onClick={collapseAll}>전체 접기</Button>
+          </>
+        )}
+        <Button size="sm" onClick={() => window.open("/admin-panel/code-form", "codeFormPopup", "width=500,height=600")}>코드등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <div className="text-xs text-gray-500 mb-2">
+        총 {data.length}건{isSearching ? " (검색 결과 - 평면 리스트)" : ` · 트리 모드 (최상위 ${(childrenMap.get("") || []).length}개)`}
+      </div>
+      <div className="border border-gray-200 rounded bg-white overflow-auto" style={{ maxHeight: "calc(100vh - 310px)" }}>
+        <table className="w-full text-sm">
+          <thead className="sticky top-0 bg-gray-100 z-10">
+            <tr className="border-b">
+              <th className="p-2 text-left w-[140px] font-medium text-gray-700">ID</th>
+              <th className="p-2 text-left font-medium text-gray-700">코드명</th>
+              <th className="p-2 text-left w-[120px] font-medium text-gray-700">CODE NO</th>
+              <th className="p-2 text-center w-[100px] font-medium text-gray-700">등록자</th>
+              <th className="p-2 text-center w-[110px] font-medium text-gray-700">등록일</th>
+              <th className="p-2 text-center w-[80px] font-medium text-gray-700">활성화</th>
+            </tr>
+          </thead>
+          <tbody>
+            {visibleRows.map(({ row, depth, hasChildren }) => {
+              const isExp = expanded.has(row.CODE_ID);
+              return (
+                <tr
+                  key={row.OBJID}
+                  className="border-t hover:bg-gray-50 cursor-pointer"
+                  onClick={() => openCodeDetail(row.CODE_ID)}
+                >
+                  <td className="p-1.5 font-mono text-xs text-blue-600">{row.CODE_ID}</td>
+                  <td className="p-1.5">
+                    <div className="flex items-center" style={{ paddingLeft: `${depth * 18}px` }}>
+                      {!isSearching && hasChildren ? (
+                        <button
+                          onClick={(e) => { e.stopPropagation(); toggleExpand(row.CODE_ID); }}
+                          className="w-5 h-5 flex items-center justify-center mr-1 text-gray-400 hover:text-gray-700 text-[10px]"
+                        >
+                          {isExp ? "▼" : "▶"}
+                        </button>
+                      ) : (
+                        <span className="w-5 h-5 mr-1 inline-flex items-center justify-center text-gray-300">·</span>
+                      )}
+                      <span className={cn(depth === 0 && !isSearching ? "font-bold text-gray-900" : "text-gray-700")}>
+                        {row.CODE_NAME}
+                      </span>
+                    </div>
+                  </td>
+                  <td className="p-1.5 text-gray-600">{row.EXT_VAL || "-"}</td>
+                  <td className="p-1.5 text-center text-gray-600">{row.WRITER_NAME || "-"}</td>
+                  <td className="p-1.5 text-center text-gray-600">{row.REGDATE}</td>
+                  <td className="p-1.5 text-center">
+                    {row.STATUS === "active" ? (
+                      <span className="text-xs text-green-600">활성</span>
+                    ) : (
+                      <span className="text-xs text-red-500">비활성</span>
+                    )}
+                  </td>
+                </tr>
+              );
+            })}
+            {visibleRows.length === 0 && (
+              <tr><td colSpan={6} className="p-8 text-center text-gray-400">데이터가 없습니다.</td></tr>
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+// ==========================================
+// 메뉴 관리 (트리구조 CRUD)
+// ==========================================
+interface MenuNode {
+  OBJID: string; MENU_NAME_KOR: string; MENU_NAME_ENG: string;
+  MENU_URL: string; PARENT_OBJ_ID: string; SEQ: string; STATUS: string;
+  children: MenuNode[];
+}
+
+function MenuManagement() {
+  const [tree, setTree] = useState<MenuNode[]>([]);
+  const [flatAll, setFlatAll] = useState<MenuNode[]>([]);
+  const [expanded, setExpanded] = useState<Set<string>>(new Set());
+  const [selected, setSelected] = useState<MenuNode | null>(null);
+  const [editForm, setEditForm] = useState<Record<string, string>>({});
+  const [saving, setSaving] = useState(false);
+  const [showForm, setShowForm] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/menus", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) });
+    if (!res.ok) return;
+    const json = await res.json();
+    const flat: MenuNode[] = (json.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+      OBJID: String(r.OBJID || ""), MENU_NAME_KOR: String(r.MENU_NAME_KOR || ""),
+      MENU_NAME_ENG: String(r.MENU_NAME_ENG || ""), MENU_URL: String(r.MENU_URL || ""),
+      PARENT_OBJ_ID: String(r.PARENT_OBJ_ID || "0"), SEQ: String(r.SEQ || "0"),
+      STATUS: String(r.STATUS || ""), children: [],
+    }));
+    const map = new Map<string, MenuNode>();
+    flat.forEach((n) => map.set(n.OBJID, n));
+    const roots: MenuNode[] = [];
+    flat.forEach((n) => {
+      const parent = map.get(n.PARENT_OBJ_ID);
+      if (parent) parent.children.push(n);
+      else roots.push(n);
+    });
+    const sortNodes = (nodes: MenuNode[]) => {
+      nodes.sort((a, b) => parseInt(a.SEQ || "0") - parseInt(b.SEQ || "0"));
+      nodes.forEach((n) => sortNodes(n.children));
+    };
+    sortNodes(roots);
+    setTree(roots);
+    setFlatAll(flat);
+    setExpanded(new Set(roots.map((r) => r.OBJID)));
+  }, []);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const parentNameMap = useMemo(() => {
+    const m = new Map<string, string>();
+    flatAll.forEach((n) => m.set(n.OBJID, n.MENU_NAME_KOR));
+    return m;
+  }, [flatAll]);
+
+  // 트리를 확장 상태에 맞게 평탄화 (depth 포함)
+  const visibleRows = useMemo(() => {
+    const out: { node: MenuNode; depth: number; hasChildren: boolean }[] = [];
+    const walk = (nodes: MenuNode[], depth: number) => {
+      nodes.forEach((n) => {
+        const hasChildren = n.children.length > 0;
+        out.push({ node: n, depth, hasChildren });
+        if (expanded.has(n.OBJID)) walk(n.children, depth + 1);
+      });
+    };
+    walk(tree, 0);
+    return out;
+  }, [tree, expanded]);
+
+  const toggleExpand = (id: string) => {
+    setExpanded((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id); else next.add(id);
+      return next;
+    });
+  };
+
+  const expandAll = () => setExpanded(new Set(flatAll.map((n) => n.OBJID)));
+  const collapseAll = () => setExpanded(new Set(tree.map((r) => r.OBJID)));
+
+  const openEdit = (node: MenuNode) => {
+    setSelected(node);
+    setEditForm({
+      objid: node.OBJID, menu_name_kor: node.MENU_NAME_KOR,
+      menu_name_eng: node.MENU_NAME_ENG, menu_url: node.MENU_URL,
+      parent_obj_id: node.PARENT_OBJ_ID, seq: node.SEQ, status: node.STATUS,
+    });
+    setShowForm(true);
+  };
+
+  const handleNew = (parentId: string = "0") => {
+    setSelected(null);
+    setEditForm({ menu_name_kor: "", menu_name_eng: "", menu_url: "", parent_obj_id: parentId, seq: "0", status: "active", actionType: "regist" });
+    setShowForm(true);
+  };
+
+  const handleSave = async () => {
+    if (!editForm.menu_name_kor) { Swal.fire("알림", "메뉴명을 입력하세요.", "warning"); return; }
+    setSaving(true);
+    try {
+      const res = await fetch("/api/admin/menus/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(editForm),
+      });
+      const data = await res.json();
+      if (data.success) {
+        Swal.fire({ icon: "success", title: data.message, timer: 1200, showConfirmButton: false });
+        setShowForm(false);
+        fetchData();
+      } else { Swal.fire("오류", data.message, "error"); }
+    } catch { Swal.fire("오류", "서버 오류", "error"); }
+    finally { setSaving(false); }
+  };
+
+  const handleDelete = async () => {
+    if (!selected) { Swal.fire("알림", "삭제할 메뉴를 선택하세요.", "warning"); return; }
+    const r = await Swal.fire({ title: "삭제 확인", text: `"${selected.MENU_NAME_KOR}" 메뉴를 삭제하시겠습니까?`, icon: "warning", showCancelButton: true, confirmButtonText: "삭제", cancelButtonText: "취소" });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/admin/menus/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objid: selected.OBJID }),
+    });
+    const data = await res.json();
+    if (data.success) {
+      Swal.fire({ icon: "success", title: "삭제되었습니다.", timer: 1200, showConfirmButton: false });
+      setSelected(null); setEditForm({}); setShowForm(false);
+      fetchData();
+    } else { Swal.fire("오류", data.message, "error"); }
+  };
+
+  const set = (k: string, v: string) => setEditForm((p) => ({ ...p, [k]: v }));
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">메뉴 관리</h2>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={expandAll}>전체 펼치기</Button>
+        <Button size="sm" variant="secondary" onClick={collapseAll}>전체 접기</Button>
+        <Button size="sm" onClick={() => handleNew("0")}>최상위 메뉴 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+
+      <div className="border border-gray-200 rounded bg-white overflow-auto" style={{ maxHeight: "calc(100vh - 220px)" }}>
+        <table className="w-full text-sm">
+          <thead className="sticky top-0 bg-gray-100 z-10">
+            <tr className="border-b">
+              <th className="p-2 text-left w-[420px] font-medium text-gray-700">메뉴명</th>
+              <th className="p-2 text-left w-[180px] font-medium text-gray-700">상위메뉴</th>
+              <th className="p-2 text-left font-medium text-gray-700">URL</th>
+              <th className="p-2 text-center w-[70px] font-medium text-gray-700">순서</th>
+              <th className="p-2 text-center w-[80px] font-medium text-gray-700">활성화</th>
+              <th className="p-2 text-center w-[110px] font-medium text-gray-700">작업</th>
+            </tr>
+          </thead>
+          <tbody>
+            {visibleRows.map(({ node, depth, hasChildren }) => {
+              const isSel = selected?.OBJID === node.OBJID;
+              const isExp = expanded.has(node.OBJID);
+              const parentName = node.PARENT_OBJ_ID === "0" ? "-" : parentNameMap.get(node.PARENT_OBJ_ID) || "-";
+              return (
+                <tr
+                  key={node.OBJID}
+                  className={cn("border-t cursor-pointer", isSel ? "bg-blue-50" : "hover:bg-gray-50")}
+                  onClick={() => openEdit(node)}
+                >
+                  <td className="p-1.5">
+                    <div className="flex items-center" style={{ paddingLeft: `${depth * 18}px` }}>
+                      {hasChildren ? (
+                        <button
+                          onClick={(e) => { e.stopPropagation(); toggleExpand(node.OBJID); }}
+                          className="w-5 h-5 flex items-center justify-center mr-1 text-gray-400 hover:text-gray-700 text-[10px]"
+                        >
+                          {isExp ? "▼" : "▶"}
+                        </button>
+                      ) : (
+                        <span className="w-5 h-5 mr-1 inline-flex items-center justify-center text-gray-300">·</span>
+                      )}
+                      <span className={cn("truncate", depth === 0 && "font-bold text-gray-900")}>
+                        {node.MENU_NAME_KOR}
+                      </span>
+                    </div>
+                  </td>
+                  <td className="p-1.5 text-gray-600 truncate">{parentName}</td>
+                  <td className="p-1.5 text-xs text-gray-500 font-mono truncate">{node.MENU_URL || "-"}</td>
+                  <td className="p-1.5 text-center text-gray-500">{node.SEQ}</td>
+                  <td className="p-1.5 text-center">
+                    {node.STATUS === "active" ? (
+                      <span className="text-xs text-green-600">활성</span>
+                    ) : (
+                      <span className="text-xs text-red-500">비활성</span>
+                    )}
+                  </td>
+                  <td className="p-1.5 text-center">
+                    <button
+                      onClick={(e) => { e.stopPropagation(); handleNew(node.OBJID); }}
+                      className="text-[11px] px-2 py-1 bg-gray-100 text-gray-700 rounded hover:bg-gray-200"
+                    >
+                      하위 추가
+                    </button>
+                  </td>
+                </tr>
+              );
+            })}
+            {visibleRows.length === 0 && (
+              <tr><td colSpan={6} className="p-8 text-center text-gray-400">메뉴가 없습니다.</td></tr>
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      {showForm && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30">
+          <div className="bg-white rounded-lg shadow-xl w-[600px] p-6">
+            <h3 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+              {editForm.actionType === "regist" ? "메뉴 등록" : `메뉴 수정 — ${editForm.menu_name_kor}`}
+            </h3>
+            <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">메뉴명 (한글) <span className="text-red-400">*</span></label>
+                <Input value={editForm.menu_name_kor || ""} onChange={(e) => set("menu_name_kor", e.target.value)} /></div>
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">메뉴명 (영문)</label>
+                <Input value={editForm.menu_name_eng || ""} onChange={(e) => set("menu_name_eng", e.target.value)} /></div>
+              <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">URL</label>
+                <Input value={editForm.menu_url || ""} onChange={(e) => set("menu_url", e.target.value)} placeholder="/module/page.do" /></div>
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">정렬순서</label>
+                <Input type="number" value={editForm.seq || "0"} onChange={(e) => set("seq", e.target.value)} /></div>
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">상태</label>
+                <select value={editForm.status || "active"} onChange={(e) => set("status", e.target.value)}
+                  className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm">
+                  <option value="active">활성</option>
+                  <option value="inactive">비활성</option>
+                </select></div>
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">상위메뉴</label>
+                <Input value={editForm.parent_obj_id === "0" ? "(최상위)" : parentNameMap.get(editForm.parent_obj_id || "") || editForm.parent_obj_id || ""} readOnly className="bg-gray-50" /></div>
+              {editForm.objid && (
+                <div><label className="block text-xs font-medium text-gray-500 mb-1">OBJID</label>
+                  <Input value={editForm.objid} readOnly className="bg-gray-50" /></div>
+              )}
+            </div>
+            <div className="flex gap-2 mt-6 pt-4 border-t">
+              <Button onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+              {selected && <Button variant="danger" onClick={handleDelete}>삭제</Button>}
+              <Button variant="secondary" onClick={() => setShowForm(false)}>닫기</Button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ==========================================
+// 권한 관리 (authMngList.jsp 대응)
+// ==========================================
+function AuthManagement() {
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+  // 등록/수정 폼
+  const [showForm, setShowForm] = useState(false);
+  const [editForm, setEditForm] = useState<Record<string, string>>({});
+  // 멤버 관리
+  const [showMembers, setShowMembers] = useState(false);
+  const [memberTarget, setMemberTarget] = useState<{ objid: string; name: string } | null>(null);
+  const [members, setMembers] = useState<Record<string, unknown>[]>([]);
+  const [availableUsers, setAvailableUsers] = useState<Record<string, unknown>[]>([]);
+  const [selectedMembers, setSelectedMembers] = useState<Set<number>>(new Set());
+  const [selectedUsers, setSelectedUsers] = useState<Set<number>>(new Set());
+  const [userSearch, setUserSearch] = useState({ userName: "", deptName: "" });
+
+  const columns: GridColumn[] = [
+    { title: "권한그룹명", field: "AUTH_NAME", width: 200, cellClick: (row) => openDetail(row) },
+    { title: "권한CODE", field: "AUTH_CODE", width: 120 },
+    { title: "사용자수", field: "USER_CNT", width: 100, hozAlign: "center", cellClick: (row) => openMembers(row) },
+    { title: "등록자", field: "WRITER", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 120, hozAlign: "center" },
+    { title: "상태", field: "STATUS", width: 80, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/auth", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, []);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const openDetail = (row: Record<string, unknown>) => {
+    setEditForm({ objid: String(row.OBJID || ""), auth_name: String(row.AUTH_NAME || ""), auth_code: String(row.AUTH_CODE || ""), status: String(row.STATUS || "active") });
+    setShowForm(true);
+    setShowMembers(false);
+  };
+
+  const openNew = () => {
+    setEditForm({ auth_name: "", auth_code: "", status: "active", actionType: "regist" });
+    setShowForm(true);
+    setShowMembers(false);
+  };
+
+  const handleSave = async () => {
+    if (!editForm.auth_name) { Swal.fire("알림", "권한명을 입력하세요.", "warning"); return; }
+    const res = await fetch("/api/admin/auth/save", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(editForm) });
+    const json = await res.json();
+    if (json.success) { Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false }); setShowForm(false); fetchData(); }
+    else Swal.fire("오류", json.message, "error");
+  };
+
+  const handleDelete = async (objid: string, name: string) => {
+    const r = await Swal.fire({ title: "삭제 확인", text: `"${name}" 권한그룹을 삭제하시겠습니까?`, icon: "warning", showCancelButton: true, confirmButtonText: "삭제", cancelButtonText: "취소" });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/admin/auth/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ objid }) });
+    const json = await res.json();
+    if (json.success) { Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false }); setShowForm(false); fetchData(); }
+    else Swal.fire("오류", json.message, "error");
+  };
+
+  const handleStatusChange = async (status: string) => {
+    const objids = selectedRows.map((r) => r.OBJID).filter(Boolean);
+    if (objids.length === 0) { Swal.fire("알림", "대상을 선택하세요.", "warning"); return; }
+    const res = await fetch("/api/admin/auth/status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ objids, status }) });
+    const json = await res.json();
+    if (json.success) { Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false }); setSelectedRows([]); fetchData(); }
+  };
+
+  // === 멤버 관리 ===
+  const openMembers = async (row: Record<string, unknown>) => {
+    const objid = String(row.OBJID || "");
+    const name = String(row.AUTH_NAME || "");
+    setMemberTarget({ objid, name });
+    setShowMembers(true);
+    setShowForm(false);
+    setSelectedMembers(new Set());
+    setSelectedUsers(new Set());
+    // 소속 멤버 조회
+    const res = await fetch("/api/admin/auth/members", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ masterObjid: objid }) });
+    if (res.ok) { const json = await res.json(); setMembers(json.RESULTLIST || []); }
+  };
+
+  const searchAvailableUsers = async () => {
+    if (!memberTarget) return;
+    const res = await fetch("/api/admin/auth/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...userSearch, masterObjid: memberTarget.objid }) });
+    if (res.ok) { const json = await res.json(); setAvailableUsers(json.RESULTLIST || []); }
+  };
+
+  const addMembers = async () => {
+    if (!memberTarget) return;
+    const userIds = Array.from(selectedUsers).map((i) => availableUsers[i]?.USER_ID).filter(Boolean);
+    if (userIds.length === 0) { Swal.fire("알림", "추가할 사용자를 선택하세요.", "warning"); return; }
+    const res = await fetch("/api/admin/auth/members/save", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ masterObjid: memberTarget.objid, userIds }) });
+    const json = await res.json();
+    if (json.success) { Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false }); openMembers({ OBJID: memberTarget.objid, AUTH_NAME: memberTarget.name }); searchAvailableUsers(); fetchData(); }
+  };
+
+  const removeMembers = async () => {
+    if (!memberTarget) return;
+    const memberObjids = Array.from(selectedMembers).map((i) => members[i]?.OBJID).filter(Boolean);
+    if (memberObjids.length === 0) { Swal.fire("알림", "제거할 멤버를 선택하세요.", "warning"); return; }
+    const res = await fetch("/api/admin/auth/members/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ masterObjid: memberTarget.objid, memberObjids }) });
+    const json = await res.json();
+    if (json.success) { Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false }); openMembers({ OBJID: memberTarget.objid, AUTH_NAME: memberTarget.name }); searchAvailableUsers(); fetchData(); }
+  };
+
+  const set = (k: string, v: string) => setEditForm((p) => ({ ...p, [k]: v }));
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">권한 관리</h2>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={openNew}>권한그룹 등록</Button>
+        <Button size="sm" variant="secondary" onClick={() => handleStatusChange("active")}>활성화</Button>
+        <Button size="sm" variant="secondary" onClick={() => handleStatusChange("inActive")}>비활성화</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} showCheckbox height="calc(100vh - 260px)"
+        onSelectionChange={setSelectedRows} />
+
+      {/* 등록/수정 폼 */}
+      {showForm && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30">
+          <div className="bg-white rounded-lg shadow-xl w-[420px] p-6">
+            <h3 className="text-base font-bold mb-4 border-b pb-2">{editForm.actionType === "regist" ? "권한그룹 등록" : "권한그룹 수정"}</h3>
+            <div className="space-y-3 text-sm">
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">권한명 <span className="text-red-400">*</span></label>
+                <Input value={editForm.auth_name || ""} onChange={(e) => set("auth_name", e.target.value)} /></div>
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">권한CODE</label>
+                <Input value={editForm.auth_code || ""} onChange={(e) => set("auth_code", e.target.value)} /></div>
+              <div><label className="block text-xs font-medium text-gray-500 mb-1">상태</label>
+                <select value={editForm.status || "active"} onChange={(e) => set("status", e.target.value)}
+                  className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm">
+                  <option value="active">활성</option>
+                  <option value="inActive">비활성</option>
+                </select></div>
+            </div>
+            <div className="flex gap-2 mt-5 pt-3 border-t">
+              <Button onClick={handleSave}>저장</Button>
+              {editForm.objid && <Button variant="danger" onClick={() => handleDelete(editForm.objid, editForm.auth_name)}>삭제</Button>}
+              <Button variant="secondary" onClick={() => setShowForm(false)}>닫기</Button>
+            </div>
+          </div>
+        </div>
+      )}
+
+      {/* 멤버 관리 */}
+      {showMembers && memberTarget && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30">
+          <div className="bg-white rounded-lg shadow-xl w-[900px] h-[600px] flex flex-col">
+            <div className="px-5 py-3 border-b flex items-center justify-between">
+              <h3 className="text-base font-bold">소속인원 관리 — {memberTarget.name}</h3>
+              <button onClick={() => setShowMembers(false)} className="text-gray-400 hover:text-gray-700 text-lg">&times;</button>
+            </div>
+            <div className="flex flex-1 overflow-hidden">
+              {/* 좌: 소속 멤버 */}
+              <div className="w-[42%] border-r flex flex-col p-3">
+                <div className="text-xs font-semibold text-gray-500 mb-2">소속 멤버 ({members.length}명)</div>
+                <div className="flex-1 overflow-auto border rounded">
+                  <table className="w-full text-xs">
+                    <thead className="bg-gray-50 sticky top-0">
+                      <tr><th className="p-1.5 w-8"><input type="checkbox" onChange={(e) => {
+                        setSelectedMembers(e.target.checked ? new Set(members.map((_, i) => i)) : new Set());
+                      }} /></th><th className="p-1.5 text-left">부서</th><th className="p-1.5 text-left">이름</th><th className="p-1.5 text-left">ID</th></tr>
+                    </thead>
+                    <tbody>
+                      {members.map((m, i) => (
+                        <tr key={i} className="border-t hover:bg-gray-50">
+                          <td className="p-1.5 text-center"><input type="checkbox" checked={selectedMembers.has(i)}
+                            onChange={(e) => { const s = new Set(selectedMembers); if (e.target.checked) s.add(i); else s.delete(i); setSelectedMembers(s); }} /></td>
+                          <td className="p-1.5">{String(m.DEPT_NAME || "")}</td>
+                          <td className="p-1.5">{String(m.USER_NAME || "")}</td>
+                          <td className="p-1.5 text-gray-400">{String(m.USER_ID || "")}</td>
+                        </tr>
+                      ))}
+                      {members.length === 0 && <tr><td colSpan={4} className="p-4 text-center text-gray-400">소속 멤버가 없습니다.</td></tr>}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+
+              {/* 중: 이동 버튼 */}
+              <div className="w-[16%] flex flex-col items-center justify-center gap-3 px-2">
+                <Button size="sm" onClick={addMembers} title="추가">&laquo; 추가</Button>
+                <Button size="sm" variant="danger" onClick={removeMembers} title="제거">제거 &raquo;</Button>
+              </div>
+
+              {/* 우: 미소속 사용자 */}
+              <div className="w-[42%] flex flex-col p-3">
+                <div className="text-xs font-semibold text-gray-500 mb-2">사용자 검색</div>
+                <div className="flex gap-1 mb-2">
+                  <Input placeholder="부서명" className="text-xs h-7" value={userSearch.deptName}
+                    onChange={(e) => setUserSearch((p) => ({ ...p, deptName: e.target.value }))} />
+                  <Input placeholder="이름" className="text-xs h-7" value={userSearch.userName}
+                    onChange={(e) => setUserSearch((p) => ({ ...p, userName: e.target.value }))} />
+                  <Button size="sm" className="h-7 text-xs shrink-0" onClick={searchAvailableUsers}>조회</Button>
+                </div>
+                <div className="flex-1 overflow-auto border rounded">
+                  <table className="w-full text-xs">
+                    <thead className="bg-gray-50 sticky top-0">
+                      <tr><th className="p-1.5 w-8"><input type="checkbox" onChange={(e) => {
+                        setSelectedUsers(e.target.checked ? new Set(availableUsers.map((_, i) => i)) : new Set());
+                      }} /></th><th className="p-1.5 text-left">부서</th><th className="p-1.5 text-left">이름</th><th className="p-1.5 text-left">ID</th></tr>
+                    </thead>
+                    <tbody>
+                      {availableUsers.map((u, i) => (
+                        <tr key={i} className="border-t hover:bg-gray-50">
+                          <td className="p-1.5 text-center"><input type="checkbox" checked={selectedUsers.has(i)}
+                            onChange={(e) => { const s = new Set(selectedUsers); if (e.target.checked) s.add(i); else s.delete(i); setSelectedUsers(s); }} /></td>
+                          <td className="p-1.5">{String(u.DEPT_NAME || "")}</td>
+                          <td className="p-1.5">{String(u.USER_NAME || "")}</td>
+                          <td className="p-1.5 text-gray-400">{String(u.USER_ID || "")}</td>
+                        </tr>
+                      ))}
+                      {availableUsers.length === 0 && <tr><td colSpan={4} className="p-4 text-center text-gray-400">조회 버튼을 클릭하세요.</td></tr>}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ==========================================
+// 부서 관리
+// ==========================================
+function DeptManagement() {
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [showForm, setShowForm] = useState(false);
+  const [editForm, setEditForm] = useState<Record<string, string>>({});
+  const [saving, setSaving] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/dept", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, []);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const openNew = () => {
+    setEditForm({ actionType: "regist", dept_code: "", dept_name: "", company_name: "", status: "" });
+    setShowForm(true);
+  };
+
+  const openEdit = (row: Record<string, unknown>) => {
+    setEditForm({
+      actionType: "update",
+      dept_code: String(row.DEPT_CODE || ""),
+      dept_name: String(row.DEPT_NAME || ""),
+      company_name: String(row.COMPANY_NAME || ""),
+      status: String(row.STATUS || "active"),
+    });
+    setShowForm(true);
+  };
+
+  const columns: GridColumn[] = [
+    { title: "부서코드", field: "DEPT_CODE", width: 140, cellClick: (row) => openEdit(row) },
+    { title: "회사명", field: "COMPANY_NAME", width: 180 },
+    { title: "부서명", field: "DEPT_NAME", width: 240 },
+    { title: "활성화 여부", field: "STATUS_NAME", width: 100 },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+  ];
+
+  const set = (k: string, v: string) => setEditForm((p) => ({ ...p, [k]: v }));
+
+  const handleSave = async () => {
+    if (!editForm.dept_code || !editForm.dept_name) {
+      Swal.fire("알림", "부서코드와 부서명은 필수입니다.", "warning");
+      return;
+    }
+    setSaving(true);
+    try {
+      const res = await fetch("/api/admin/dept/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(editForm),
+      });
+      const json = await res.json();
+      if (json.success) {
+        Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+        setShowForm(false);
+        fetchData();
+      } else {
+        Swal.fire("오류", json.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류", "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">부서 관리</h2>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={openNew}>부서 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 200px)" />
+
+      {showForm && (
+        <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30">
+          <div className="bg-white rounded-lg shadow-xl w-[560px] p-6">
+            <h3 className="text-base font-bold mb-4 border-b pb-2">
+              {editForm.actionType === "regist" ? "부서 등록" : `부서 수정 — ${editForm.dept_code}`}
+            </h3>
+            <table className="w-full border-collapse text-sm">
+              <tbody>
+                <tr>
+                  <th className="bg-[#5c6d97] text-white font-medium text-center py-2 w-[130px] border border-white">부서코드 <span className="text-red-300">*</span></th>
+                  <td className="border border-gray-200 p-1.5">
+                    <Input
+                      value={editForm.dept_code || ""}
+                      onChange={(e) => set("dept_code", e.target.value)}
+                      readOnly={editForm.actionType !== "regist"}
+                      className={editForm.actionType !== "regist" ? "bg-gray-50" : ""}
+                    />
+                  </td>
+                </tr>
+                <tr>
+                  <th className="bg-[#5c6d97] text-white font-medium text-center py-2 border border-white">회사명</th>
+                  <td className="border border-gray-200 p-1.5">
+                    <Input value={editForm.company_name || ""} onChange={(e) => set("company_name", e.target.value)} />
+                  </td>
+                </tr>
+                <tr>
+                  <th className="bg-[#5c6d97] text-white font-medium text-center py-2 border border-white">부서명 <span className="text-red-300">*</span></th>
+                  <td className="border border-gray-200 p-1.5">
+                    <Input value={editForm.dept_name || ""} onChange={(e) => set("dept_name", e.target.value)} />
+                  </td>
+                </tr>
+                <tr>
+                  <th className="bg-[#5c6d97] text-white font-medium text-center py-2 border border-white">활성화 여부</th>
+                  <td className="border border-gray-200 p-1.5">
+                    <select
+                      value={editForm.status || ""}
+                      onChange={(e) => set("status", e.target.value)}
+                      className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm"
+                    >
+                      <option value="">선택</option>
+                      <option value="active">활성</option>
+                      <option value="inActive">비활성</option>
+                    </select>
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+            <div className="flex gap-2 justify-center mt-5 pt-3">
+              <Button onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+              <Button variant="secondary" onClick={() => setShowForm(false)}>닫기</Button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+// ==========================================
+// 공급업체 관리
+// ==========================================
+function SupplyManagement() {
+  const [searchCode, setSearchCode] = useState("");
+  const [searchName, setSearchName] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+
+  const openSupplyPopup = (objid: string = "") => {
+    const q = objid ? `?objid=${encodeURIComponent(objid)}` : "";
+    window.open(`/admin-panel/supply-form${q}`, "supplyFormPopup", "width=1300,height=780");
+  };
+
+  const columns: GridColumn[] = [
+    { title: "구분", field: "SUPPLY_CODE_NAME", width: 100 },
+    { title: "고객명", field: "SUPPLY_NAME", width: 200, cellClick: (row) => openSupplyPopup(String(row.OBJID || "")) },
+    { title: "지역", field: "AREA_CD_NAME", width: 110 },
+    { title: "대표자명", field: "CHARGE_USER_NAME", width: 100 },
+    { title: "업종", field: "SUPPLY_STOCKNAME", width: 220 },
+    { title: "업태", field: "SUPPLY_BUSNAME", width: 160 },
+    { title: "주소", field: "SUPPLY_ADDRESS", width: 260 },
+    { title: "핸드폰", field: "SUPPLY_TEL_NO", width: 140 },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+  ];
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/supply", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ supply_code: searchCode, supply_name: searchName }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [searchCode, searchName]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">공급업체관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="공급업체">
+          <CodeSelect codeId="0000167" value={searchCode} onChange={(v) => setSearchCode(v)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="고객명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => openSupplyPopup()}>공급업체 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <div className="text-xs text-gray-500 mb-2">총 {data.length}건</div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 310px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 로그인 로그
+// ==========================================
+function LoginLogPage() {
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "로그시간", field: "LOG_TIME", width: 160 },
+    { title: "사용자ID", field: "USER_ID", width: 120 },
+    { title: "결과", field: "LOGIN_RESULT", width: 80, hozAlign: "center" },
+    { title: "IP주소", field: "REMOTE_ADDR", width: 130 },
+    { title: "에러메시지", field: "ERROR_MESSAGE", width: 250 },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/log-login", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, []);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">로그인 로그</h2>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 200px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 파일 다운로드 로그
+// ==========================================
+function FileDownloadLogPage() {
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "다운로드시간", field: "LOG_TIME", width: 160 },
+    { title: "사용자", field: "USER_NAME", width: 100 },
+    { title: "파일명", field: "REAL_FILE_NAME", width: 250 },
+    { title: "문서유형", field: "DOC_TYPE_NAME", width: 150 },
+    { title: "IP주소", field: "REMOTE_ADDR", width: 130 },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/log-file", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, []);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">파일 다운로드 로그</h2>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 200px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 메일발송 로그 (admin/log/mailSendLogList.do)
+// ==========================================
+function MailSendLogPage() {
+  const [searchTitle, setSearchTitle] = useState("");
+  const [searchUser, setSearchUser] = useState("");
+  const [searchType, setSearchType] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "발송시간", field: "LOG_TIME", width: 160, hozAlign: "center" },
+    { title: "시스템", field: "SYSTEM_NAME", width: 100, hozAlign: "center" },
+    { title: "발신자", field: "SEND_USER_ID", width: 120 },
+    { title: "수신자", field: "RECEIVER_TO", width: 200 },
+    { title: "제목", field: "TITLE", width: 280 },
+    { title: "유형", field: "MAIL_TYPE", width: 100, hozAlign: "center" },
+    { title: "발송여부", field: "IS_SEND", width: 80, hozAlign: "center" },
+    { title: "에러", field: "ERROR_LOG", width: 200 },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/log-mail", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ title: searchTitle, send_user_id: searchUser, mail_type: searchType }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchTitle, searchUser, searchType]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">메일발송 로그</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제목">
+          <Input value={searchTitle} onChange={(e) => setSearchTitle(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="발신자ID">
+          <Input value={searchUser} onChange={(e) => setSearchUser(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="유형">
+          <Input value={searchType} onChange={(e) => setSearchType(e.target.value)} className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 템플릿 관리 (admin/templateList.do)
+// ==========================================
+function TemplateManagement() {
+  const [searchTitle, setSearchTitle] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "템플릿코드", field: "TEMPLATE_CODE", width: 150 },
+    { title: "상세코드", field: "TEMPLATE_CODE_DETAIL", width: 150 },
+    { title: "제목", field: "TITLE", width: 300 },
+    { title: "등록일", field: "REG_DATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 80, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/template", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ title: searchTitle, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchTitle, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">템플릿 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제목">
+          <Input value={searchTitle} onChange={(e) => setSearchTitle(e.target.value)} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>템플릿 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 환율관리 (admin/getExchangeRateMngList.do)
+// ==========================================
+function ExchangeRateManagement() {
+  const [searchYm, setSearchYm] = useState("");
+  const [searchFrom, setSearchFrom] = useState("");
+  const [searchTo, setSearchTo] = useState("");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "년월", field: "YYYY_MM", width: 90, hozAlign: "center" },
+    { title: "기준일자", field: "YYYY_MM_DD", width: 100, hozAlign: "center" },
+    { title: "USD", field: "COST_USD", width: 90, hozAlign: "right" },
+    { title: "EUR", field: "COST_EU", width: 90, hozAlign: "right" },
+    { title: "JPY", field: "COST_JAPAN", width: 90, hozAlign: "right" },
+    { title: "CNY", field: "COST_CHINA", width: 90, hozAlign: "right" },
+    { title: "VND", field: "COST_VIETNAM", width: 90, hozAlign: "right" },
+    { title: "RUB", field: "COST_RUB", width: 90, hozAlign: "right" },
+    { title: "INR", field: "COST_INR", width: 90, hozAlign: "right" },
+    { title: "THB", field: "COST_THB", width: 90, hozAlign: "right" },
+    { title: "HKD", field: "COST_HKD", width: 90, hozAlign: "right" },
+    { title: "등록자", field: "WRITER", width: 100 },
+    { title: "API수집일", field: "API_DATE", width: 140, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/exchange", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ yyyy_mm: searchYm, from_date: searchFrom, to_date: searchTo }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchYm, searchFrom, searchTo]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">환율관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="년월">
+          <Input value={searchYm} onChange={(e) => setSearchYm(e.target.value)} placeholder="YYYYMM" className="w-[120px]" />
+        </SearchField>
+        <SearchField label="시작">
+          <Input value={searchFrom} onChange={(e) => setSearchFrom(e.target.value)} placeholder="YYYYMM" className="w-[120px]" />
+        </SearchField>
+        <SearchField label="종료">
+          <Input value={searchTo} onChange={(e) => setSearchTo(e.target.value)} placeholder="YYYYMM" className="w-[120px]" />
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>환율 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 고객사 관리 (admin/oemMngPagingList.do)
+// ==========================================
+function CustomerManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "고객사코드", field: "OEM_CODE", width: 150 },
+    { title: "고객사명", field: "OEM_NAME", width: 260 },
+    { title: "등록자", field: "WRITER", width: 120, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/ref-customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ oem_name: searchName, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">고객사 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="고객사명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>고객사 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 재질 관리 (admin/getMaterialMngList.do)
+// ==========================================
+function MaterialManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "재질명", field: "MATERIAL_NAME", width: 320 },
+    { title: "등록자", field: "WRITER", width: 120, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/ref-material", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ material_name: searchName, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">재질 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="재질명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>재질 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 차종 관리 (admin/getCarMngList.do)
+// ==========================================
+function CarManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchCode, setSearchCode] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "차종코드", field: "CAR_CODE", width: 120 },
+    { title: "모델코드", field: "MODEL_CODE", width: 120 },
+    { title: "차종명", field: "CAR_NAME", width: 180 },
+    { title: "고객사", field: "OEM_NAME", width: 140 },
+    { title: "설명", field: "DESCRIPTION", width: 260 },
+    { title: "등록자", field: "WRITER", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/ref-car", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ car_name: searchName, car_code: searchCode, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchCode, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">차종 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="차종명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="차종코드">
+          <Input value={searchCode} onChange={(e) => setSearchCode(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>차종 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 제품군 관리 (admin/getProductGroupMngList.do)
+// ==========================================
+function ProductGroupManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "제품군명", field: "PRODUCT_GROUP_NAME", width: 240 },
+    { title: "설명", field: "DESCRIPTION", width: 320 },
+    { title: "등록자", field: "WRITER", width: 120, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/ref-product-group", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ product_group_name: searchName, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">제품군 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제품군명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[200px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>제품군 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 제품 관리 (admin/getProductMngList.do)
+// ==========================================
+function ProductManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchCode, setSearchCode] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "제품코드", field: "PRODUCT_CODE", width: 160 },
+    { title: "제품명", field: "PRODUCT_NAME", width: 220 },
+    { title: "제품군", field: "PRODUCT_GROUP_NAME", width: 160 },
+    { title: "설명", field: "PRODUCT_DESC", width: 260 },
+    { title: "등록자", field: "WRITER", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/ref-product", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ product_name: searchName, product_code: searchCode, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchCode, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">제품 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="제품명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="제품코드">
+          <Input value={searchCode} onChange={(e) => setSearchCode(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>제품 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 기술자료 카테고리 관리 (admin/specDataCategoryMngList.do)
+// ==========================================
+function SpecDataCategoryManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchType, setSearchType] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "카테고리명", field: "CATEGORY_NAME", width: 200 },
+    { title: "유형", field: "CATEGORY_TYPE", width: 100, hozAlign: "center" },
+    { title: "사양No", field: "SPEC_NO", width: 100 },
+    { title: "사양입력유형", field: "SPEC_INPUT_TYPE", width: 130, hozAlign: "center" },
+    { title: "문서번호규칙", field: "DOC_NO_RULE", width: 200 },
+    { title: "순서", field: "SEQ", width: 70, hozAlign: "right" },
+    { title: "등록자", field: "WRITER", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REGDATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/spec-data-category", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ category_name: searchName, category_type: searchType, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchType, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">기술자료 카테고리 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="카테고리명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="유형">
+          <Input value={searchType} onChange={(e) => setSearchType(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>카테고리 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// 차량옵션(사양) 관리 (admin/getCarOptionMngList.do)
+// ==========================================
+function CarOptionManagement() {
+  const [searchName, setSearchName] = useState("");
+  const [searchNo, setSearchNo] = useState("");
+  const [searchType, setSearchType] = useState("");
+  const [searchStatus, setSearchStatus] = useState("active");
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const columns: GridColumn[] = [
+    { title: "옵션번호", field: "OPTION_NO", width: 130 },
+    { title: "옵션명", field: "OPTION_NAME", width: 220 },
+    { title: "영문옵션명", field: "OPTION_NAME_ENG", width: 200 },
+    { title: "표준코드", field: "STD_CODE", width: 120 },
+    { title: "옵션유형", field: "OPTION_TYPE", width: 100, hozAlign: "center" },
+    { title: "카테고리", field: "CATEGORY", width: 120 },
+    { title: "단가", field: "PRICE", width: 100, hozAlign: "right" },
+    { title: "등록자", field: "WRITER", width: 100, hozAlign: "center" },
+    { title: "등록일", field: "REG_DATE", width: 110, hozAlign: "center" },
+    { title: "상태", field: "STATUS_STR", width: 90, hozAlign: "center" },
+  ];
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/admin/car-option", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ option_name: searchName, option_no: searchNo, option_type: searchType, status: searchStatus }) });
+    if (res.ok) { const json = await res.json(); setData(json.RESULTLIST || []); }
+  }, [searchName, searchNo, searchType, searchStatus]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+  return (
+    <div>
+      <h2 className="text-lg font-bold text-gray-800 mb-4">차량옵션(사양) 관리</h2>
+      <SearchForm onSearch={fetchData}>
+        <SearchField label="옵션명">
+          <Input value={searchName} onChange={(e) => setSearchName(e.target.value)} className="w-[180px]" />
+        </SearchField>
+        <SearchField label="옵션번호">
+          <Input value={searchNo} onChange={(e) => setSearchNo(e.target.value)} className="w-[140px]" />
+        </SearchField>
+        <SearchField label="옵션유형">
+          <Input value={searchType} onChange={(e) => setSearchType(e.target.value)} className="w-[120px]" />
+        </SearchField>
+        <SearchField label="상태">
+          <select value={searchStatus} onChange={(e) => setSearchStatus(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="active">활성화</option>
+            <option value="inActive">비활성화</option>
+            <option value="">전체</option>
+          </select>
+        </SearchField>
+      </SearchForm>
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" onClick={() => Swal.fire("알림", "준비 중입니다.", "info")}>옵션 등록</Button>
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+      </div>
+      <DataGrid columns={columns} data={data} height="calc(100vh - 300px)" />
+    </div>
+  );
+}
+
+// ==========================================
+// Placeholder
+// ==========================================
+function PlaceholderContent({ title }: { title: string }) {
+  return (
+    <div className="flex items-center justify-center h-full">
+      <div className="text-center text-gray-400">
+        <Settings size={48} className="mx-auto mb-4 opacity-30" />
+        <h3 className="text-lg font-semibold">{title}</h3>
+        <p className="text-sm mt-2">구현 준비 중입니다.</p>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/admin-panel/supply-form/page.tsx b/src/app/admin-panel/supply-form/page.tsx
new file mode 100644
index 0000000..6f48372
--- /dev/null
+++ b/src/app/admin-panel/supply-form/page.tsx
@@ -0,0 +1,287 @@
+"use client";
+
+import { useState, useEffect, Suspense, useCallback } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import Swal from "sweetalert2";
+
+const CHARGER_TYPE_CODE = "0000329";
+
+interface Charger {
+  rowKey: string;
+  OBJID?: string;
+  charger_type: string;
+  charger_name: string;
+  phone: string;
+  tel: string;
+  fax: string;
+  email: string;
+}
+
+function SupplyForm() {
+  const searchParams = useSearchParams();
+  const objid = searchParams.get("objid") || "";
+  const isNew = !objid;
+
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [chargers, setChargers] = useState<Charger[]>([]);
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const newKey = () => Math.random().toString(36).slice(2, 10) + Date.now();
+
+  const loadDetail = useCallback(async () => {
+    if (!objid) return;
+    const res = await fetch("/api/admin/supply/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objid }),
+    });
+    const json = await res.json();
+    if (json.success && json.info) {
+      const info = json.info as Record<string, unknown>;
+      setForm({
+        objid: String(info.OBJID || ""),
+        supply_code: String(info.SUPPLY_CODE || ""),
+        supply_name: String(info.SUPPLY_NAME || ""),
+        area_cd: String(info.AREA_CD || ""),
+        charge_user_name: String(info.CHARGE_USER_NAME || ""),
+        bus_reg_no: String(info.BUS_REG_NO || ""),
+        reg_no: String(info.REG_NO || ""),
+        supply_busname: String(info.SUPPLY_BUSNAME || ""),
+        supply_stockname: String(info.SUPPLY_STOCKNAME || ""),
+        supply_address: String(info.SUPPLY_ADDRESS || ""),
+        supply_tel_no: String(info.SUPPLY_TEL_NO || ""),
+        email: String(info.EMAIL || ""),
+        office_no: String(info.OFFICE_NO || ""),
+        supply_fax_no: String(info.SUPPLY_FAX_NO || ""),
+      });
+      const rows = (json.chargers || []) as Record<string, unknown>[];
+      setChargers(
+        rows.map((r) => ({
+          rowKey: newKey(),
+          OBJID: String(r.OBJID || ""),
+          charger_type: String(r.CHARGER_TYPE || ""),
+          charger_name: String(r.CHARGER_NAME || ""),
+          phone: String(r.PHONE || ""),
+          tel: String(r.TEL || ""),
+          fax: String(r.FAX || ""),
+          email: String(r.EMAIL || ""),
+        }))
+      );
+    }
+  }, [objid]);
+
+  useEffect(() => { loadDetail(); }, [loadDetail]);
+
+  const addCharger = () => {
+    setChargers((prev) => [
+      ...prev,
+      { rowKey: newKey(), charger_type: "", charger_name: "", phone: "", tel: "", fax: "", email: "" },
+    ]);
+  };
+
+  const removeCharger = (rowKey: string) => {
+    setChargers((prev) => prev.filter((c) => c.rowKey !== rowKey));
+  };
+
+  const updateCharger = (rowKey: string, field: keyof Charger, value: string) => {
+    setChargers((prev) => prev.map((c) => (c.rowKey === rowKey ? { ...c, [field]: value } : c)));
+  };
+
+  const handleSave = async () => {
+    if (!form.supply_name) {
+      Swal.fire("알림", "고객명을 입력하세요.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "저장",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/admin/supply/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objid: isNew ? "" : objid, chargers }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1200, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-4 bg-gray-50 min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 flex items-center gap-1">
+        <span className="text-blue-500">●</span> 공급업체 등록/수정
+      </h2>
+
+      <div className="flex gap-4">
+        {/* 좌: 공급업체 정보 */}
+        <section className="w-[340px] shrink-0 bg-white border rounded p-3">
+          <h4 className="text-sm font-bold text-gray-700 mb-2 border-b pb-1">공급업체 정보</h4>
+          <table className="w-full text-xs">
+            <tbody>
+              <FieldRow label="구분">
+                <SearchableCodeSelect codeId="0000167" value={form.supply_code || ""} onChange={(v) => set("supply_code", v)} className="[&_input]:h-7" />
+              </FieldRow>
+              <FieldRow label="고객명" required>
+                <Input className="h-7" value={form.supply_name || ""} onChange={(e) => set("supply_name", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="지역">
+                <SearchableCodeSelect codeId="0000172" value={form.area_cd || ""} onChange={(v) => set("area_cd", v)} className="[&_input]:h-7" />
+              </FieldRow>
+              <FieldRow label="대표자명">
+                <Input className="h-7" value={form.charge_user_name || ""} onChange={(e) => set("charge_user_name", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="사업자등록번호">
+                <Input className="h-7" value={form.bus_reg_no || ""} onChange={(e) => set("bus_reg_no", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="법인/주민번호">
+                <Input className="h-7" value={form.reg_no || ""} onChange={(e) => set("reg_no", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="업태">
+                <Input className="h-7" value={form.supply_busname || ""} onChange={(e) => set("supply_busname", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="업종">
+                <Input className="h-7" value={form.supply_stockname || ""} onChange={(e) => set("supply_stockname", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="주소">
+                <textarea
+                  value={form.supply_address || ""}
+                  onChange={(e) => set("supply_address", e.target.value)}
+                  className="w-full h-12 rounded border border-gray-300 bg-white px-2 py-1 text-xs resize-none"
+                />
+              </FieldRow>
+              <FieldRow label="핸드폰">
+                <Input className="h-7" value={form.supply_tel_no || ""} onChange={(e) => set("supply_tel_no", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="E-MAIL">
+                <Input className="h-7" value={form.email || ""} onChange={(e) => set("email", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="OFFICE NO">
+                <Input className="h-7" value={form.office_no || ""} onChange={(e) => set("office_no", e.target.value)} />
+              </FieldRow>
+              <FieldRow label="FAX NO">
+                <Input className="h-7" value={form.supply_fax_no || ""} onChange={(e) => set("supply_fax_no", e.target.value)} />
+              </FieldRow>
+            </tbody>
+          </table>
+        </section>
+
+        {/* 우: 담당자 정보 */}
+        <section className="flex-1 bg-white border rounded p-3">
+          <div className="flex items-center justify-between mb-2 border-b pb-1">
+            <h4 className="text-sm font-bold text-gray-700">담당자 정보</h4>
+            <div className="flex gap-1">
+              <Button size="sm" onClick={addCharger}>추가</Button>
+              <Button size="sm" variant="secondary" onClick={() => setChargers([])}>전체 삭제</Button>
+            </div>
+          </div>
+
+          <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 180px)" }}>
+            <table className="w-full text-xs border-collapse">
+              <thead className="bg-gray-100 sticky top-0">
+                <tr className="border-b">
+                  <th className="p-1 w-8"></th>
+                  <th className="p-1 w-10 text-center">No</th>
+                  <th className="p-1 w-[100px] text-center">담당 구분</th>
+                  <th className="p-1 text-center">담당자</th>
+                  <th className="p-1 text-center">HP</th>
+                  <th className="p-1 text-center">Tel</th>
+                  <th className="p-1 text-center">Fax</th>
+                  <th className="p-1 text-center">email</th>
+                </tr>
+              </thead>
+              <tbody>
+                {chargers.map((c, i) => (
+                  <tr key={c.rowKey} className="border-t">
+                    <td className="p-1 text-center">
+                      <button
+                        type="button"
+                        onClick={() => removeCharger(c.rowKey)}
+                        className="text-red-500 hover:text-red-700 text-xs"
+                        title="삭제"
+                      >
+                        ×
+                      </button>
+                    </td>
+                    <td className="p-1 text-center text-gray-500">{i + 1}</td>
+                    <td className="p-1">
+                      <SearchableCodeSelect
+                        codeId={CHARGER_TYPE_CODE}
+                        value={c.charger_type}
+                        onChange={(v) => updateCharger(c.rowKey, "charger_type", v)}
+                      />
+                    </td>
+                    <td className="p-1">
+                      <Input value={c.charger_name} onChange={(e) => updateCharger(c.rowKey, "charger_name", e.target.value)} />
+                    </td>
+                    <td className="p-1">
+                      <Input value={c.phone} onChange={(e) => updateCharger(c.rowKey, "phone", e.target.value)} />
+                    </td>
+                    <td className="p-1">
+                      <Input value={c.tel} onChange={(e) => updateCharger(c.rowKey, "tel", e.target.value)} />
+                    </td>
+                    <td className="p-1">
+                      <Input value={c.fax} onChange={(e) => updateCharger(c.rowKey, "fax", e.target.value)} />
+                    </td>
+                    <td className="p-1">
+                      <Input value={c.email} onChange={(e) => updateCharger(c.rowKey, "email", e.target.value)} />
+                    </td>
+                  </tr>
+                ))}
+                {chargers.length === 0 && (
+                  <tr>
+                    <td colSpan={8} className="p-4 text-center text-gray-400">담당자가 없습니다. "추가" 버튼으로 등록하세요.</td>
+                  </tr>
+                )}
+              </tbody>
+            </table>
+          </div>
+        </section>
+      </div>
+
+      <div className="flex justify-center gap-2 mt-4">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FieldRow({ label, required, children }: { label: string; required?: boolean; children: React.ReactNode }) {
+  return (
+    <tr>
+      <th className="bg-[#5c6d97] text-white font-medium text-center py-1 px-2 w-[95px] border border-white whitespace-nowrap">
+        {label}
+        {required && <span className="text-red-300 ml-1">*</span>}
+      </th>
+      <td className="border border-gray-200 p-[3px] align-middle">{children}</td>
+    </tr>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <SupplyForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/admin/user-form/page.tsx b/src/app/admin/user-form/page.tsx
new file mode 100644
index 0000000..61c2ac8
--- /dev/null
+++ b/src/app/admin/user-form/page.tsx
@@ -0,0 +1,98 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function UserForm() {
+  const searchParams = useSearchParams();
+  const userId = searchParams.get("userId");
+  const isNew = !userId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [depts, setDepts] = useState<{ dept_code: string; dept_name: string }[]>([]);
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    fetch("/api/admin/dept", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json()).then((d) => setDepts(d.RESULTLIST || [])).catch(() => {});
+  }, []);
+
+  useEffect(() => {
+    if (userId) {
+      fetch("/api/admin/users/detail", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ userId }),
+      }).then((r) => r.json()).then((d) => { if (d.success) setForm(d.data); }).catch(() => {});
+    }
+  }, [userId]);
+
+  const handleSave = async () => {
+    if (!form.user_id) { Swal.fire("알림", "사용자 ID를 입력하세요.", "warning"); return; }
+    if (!form.user_name) { Swal.fire("알림", "이름을 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/admin/users/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else { Swal.fire("오류", data.message || "저장 실패", "error"); }
+    } catch { Swal.fire("오류", "서버 오류", "error"); }
+    finally { setLoading(false); }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "사용자 등록" : `사용자 수정 (${userId})`}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">사용자 ID <span className="text-red-400">*</span></label>
+          <Input value={form.user_id || ""} onChange={(e) => set("user_id", e.target.value)} readOnly={!isNew} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">이름 <span className="text-red-400">*</span></label>
+          <Input value={form.user_name || ""} onChange={(e) => set("user_name", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">사번</label>
+          <Input value={form.sabun || ""} onChange={(e) => set("sabun", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">부서</label>
+          <select value={form.dept_code || ""} onChange={(e) => { set("dept_code", e.target.value); const d = depts.find((x) => x.dept_code === e.target.value); if (d) set("dept_name", d.dept_name); }}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">선택</option>
+            {depts.map((d) => <option key={d.dept_code} value={d.dept_code}>{d.dept_name}</option>)}
+          </select></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">직급</label>
+          <Input value={form.position_name || ""} onChange={(e) => set("position_name", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">이메일</label>
+          <Input type="email" value={form.email || ""} onChange={(e) => set("email", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">전화번호</label>
+          <Input value={form.cell_phone || ""} onChange={(e) => set("cell_phone", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">유형</label>
+          <select value={form.user_type || ""} onChange={(e) => set("user_type", e.target.value)}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">선택</option>
+            <option value="A">관리자</option>
+            <option value="U">사용자</option>
+            <option value="P">협력사</option>
+          </select></div>
+        {isNew && (
+          <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">초기 비밀번호</label>
+            <Input type="password" value={form.password || ""} onChange={(e) => set("password", e.target.value)} placeholder="비밀번호 입력" /></div>
+        )}
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}><UserForm /></Suspense>;
+}
diff --git a/src/app/api/CLAUDE.md b/src/app/api/CLAUDE.md
new file mode 100644
index 0000000..aaf3471
--- /dev/null
+++ b/src/app/api/CLAUDE.md
@@ -0,0 +1,88 @@
+## 역할
+Next.js 15 App Router API 라우트. 레거시 Java Spring Controller(`*.do` 엔드포인트)를 Node.js로 마이그레이션한 65개 이상의 엔드포인트. PostgreSQL raw SQL로 데이터베이스 통신.
+
+## 공통 패턴
+
+### 인증 체크 (모든 엔드포인트 필수)
+```typescript
+const user = await getSession();
+if (!user) return NextResponse.json({ success: false }, { status: 401 });
+```
+
+### HTTP 메서드
+- **GET** — 단순 조회 (메뉴, 카운트 등)
+- **POST** — 목록 조회 + 필터링 + 저장/수정 (기본값)
+- `actionType` 필드로 INSERT/UPDATE 구분: `actionType === "regist"` → INSERT
+
+### 동적 SQL 파라미터
+```typescript
+const conditions = ["1=1"];
+const params: unknown[] = [];
+let idx = 1;
+if (body.field) {
+  conditions.push(`TABLE.field = $${idx++}`);
+  params.push(body.field);
+}
+// LIKE 검색: COLUMN LIKE '%' || $${idx++} || '%'
+```
+
+### 응답 형식
+| 유형 | 형식 |
+|------|------|
+| 목록 조회 | `{ RESULTLIST: [], TOTAL_CNT: number }` |
+| 단순 조회 | `{ success: true, data: rows }` |
+| 저장/수정 | `{ success: true, objId? }` |
+| 메뉴 | `{ RESULT: [] }` |
+| 페이지 권한 | `{ CREATE_AUTH_CNT, READ_AUTH_CNT, ... }` |
+| 오류 | `{ success: false, message }` + HTTP 400/401/500 |
+
+## 연결 고리
+- `@/lib/session` → `getSession()` (모든 엔드포인트)
+- `@/lib/db` → `queryRows`, `queryOne`, `execute`
+- `@/lib/utils` → `createObjectId()` (INSERT PK 생성), `checkNull`
+- `@/lib/auth` → `verifyCredentials` (login 전용)
+- `@/lib/encrypt` → `encrypt` (login 전용)
+
+## 공통 조회 API (드롭다운/공용 데이터)
+
+신규 메뉴에서 아래 엔드포인트 바로 사용 — 별도 매퍼 이식 불필요.
+
+- `/api/common/code-list` — 공통코드(`comm_code`) parent_code_id 기준. body `{ codeId }` → `{ data: [{CODE_ID, CODE_NAME, OBJID}] }`. 원본 `common.getCodeselect` 대응
+- `/api/common/supply-list` — 거래처/고객사(`supply_mng`). body `{ CHARGER_TYPE? }` → `{ RESULTLIST: [{OBJID, SUPPLY_NAME, SUPPLY_CODE, STATUS}] }`. 원본 `common.getsupplyselect`
+- `/api/common/project-list` — 프로젝트(`project_mgmt`). body `{ customer_cd? }` → `{ RESULTLIST: [{OBJID, PROJECT_NO, CUSTOMER_PROJECT_NAME, LABEL}] }`. 원본 `common.getProjectNameList`
+- `/api/common/unit-list` — WBS 유닛(`pms_wbs_task`). body `{ contract_objid }` → `{ RESULTLIST: [{OBJID, UNIT_NO, TASK_NAME, UNIT_NAME}] }`. 원본 `common.getBomCodeList`
+- `/api/common/product-list` — 양산제품(`product_mgmt`). → `{ RESULTLIST: [{OBJID, PRODUCT_CODE, NAME}] }`. 원본 `common.getProductCodeselect`
+- `/api/common/upg-list` — 제품 UPG(`product_mgmt_upg_detail`). body `{ PRODUCT_MGMT_OBJID }` → `{ RESULTLIST: [{CODE, NAME}] }`. 원본 `common.getProductUPGNEWselect`
+- `/api/admin/users` — 사용자 목록. → `{ RESULTLIST: [{USER_ID, USER_NAME, ...}] }`. 원본 `common.getUserselect`
+- `/api/common/files` — 첨부파일 조회. body `{ objId }` → `{ success, files: [{OBJID, REAL_FILE_NAME, DOC_TYPE, ...}] }`
+- `/api/common/file-upload` — 멀티파트 업로드. formData `{ file, targetObjId, docType, docTypeName }` → `{ success }`
+
+프론트엔드에서 `SearchableSelect` 옵션으로 변환 패턴:
+
+```tsx
+fetch("/api/common/supply-list", { method: "POST", ... })
+  .then(r => r.json())
+  .then(j => setOptions((j.RESULTLIST || []).map(r => ({
+    value: String(r.OBJID), label: String(r.SUPPLY_NAME),
+  }))));
+```
+
+## 등록 절차
+새 API 추가 시 파일만 생성하면 자동 라우팅:
+```
+src/app/api/{module}/{feature}/route.ts
+```
+별도 등록 파일 없음 (Next.js App Router 자동 인식).
+
+## 숨겨진 스펙
+- SQL alias 대문자: `SELECT id AS "ID"` (큰따옴표 필수, 없으면 PostgreSQL이 소문자 반환)
+- 삭제 플래그: `COALESCE(IS_DEL, 'N') != 'Y'`
+- 날짜 포맷: `TO_CHAR(regdate, 'YYYY-MM-DD')`
+- 기본 정렬: `ORDER BY regdate DESC`
+- 파일 저장 경로: `{FILE_STORAGE_PATH}/{YYYYMMDD}/{createObjectId()}{ext}`
+- 파일 DB 테이블: `ATTACH_FILE_INFO` (OBJID, TARGET_OBJID, DOC_TYPE, FILE_PATH, WRITER)
+- objId 타입: DB에 numeric/bigint, 조회 시 `objid::text AS "OBJID"` 문자열 변환
+- 목록 LIMIT: 일반 없음(rows.length), 대시보드 300, 공통코드 500
+- 관리자 권한 신속 처리: `user.isAdmin` → 모든 권한 카운트 = 1
+
+@MISTAKES.md
diff --git a/src/app/api/MISTAKES.md b/src/app/api/MISTAKES.md
new file mode 100644
index 0000000..6620958
--- /dev/null
+++ b/src/app/api/MISTAKES.md
@@ -0,0 +1,22 @@
+# api 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
+
+### 2026-04-22 — pg placeholder 상대 offset 계산 실수로 `$1` 재사용 (42P18)
+**증상**: 영업관리 계약을 "수주(0000964)"로 저장하면 `inconsistent types deduced for parameter $1` 오류.
+**원인**: `src/app/api/sales/contract/save/route.ts`에서 동적으로 조립한 projectNoSql이 `$${projectNoParams.length + 1}` (push 전 length=0 → `$1`)이라 이미 `projectObjId` INSERT(bigint)용으로 쓰이던 `$1`을 `COALESCE($1, '') || '-' || ...` (text)에서 재사용 → PG 타입 추론 실패. 뒤 이어지는 `$${length + 2/3/4/5}`도 고정 `$1..$4`와 연쇄 충돌.
+**해결**: 최종 파라미터 배열 순서대로 절대 번호 `$1..$9`를 하드코딩. projectNoSql은 `$5`로 고정(그 앞에 `$1..$4` 고정 사용).
+**교훈**: 동적 SQL 파라미터 번호는 "최종 배열의 절대 인덱스" 기준으로 매길 것. 서브 배열 길이 기반 offset은 상위 고정 파라미터 개수를 빠뜨리기 쉬움. 같은 `$N`이 text/numeric 두 컨텍스트에 있으면 PG가 뱉는다.
+
+### 2026-04-22 — 같은 $N을 두 테이블 컬럼(INSERT+WHERE)에 재사용하면 42P18
+**증상**: `$1` 충돌 수정 후에도 `inconsistent types deduced for parameter $2` 계속 발생.
+**원인**: `SELECT $1, $2, ... FROM contract_mgmt WHERE objid = $2`에서 `$2`가 (a) `project_mgmt.contract_objid` INSERT + (b) `contract_mgmt.objid` WHERE 비교로 두 번 사용. 두 컬럼이 둘 다 varchar라도 길이 제약(`varchar(20)` vs `varchar(50)`)이나 varchar/char 혼재, 또는 pg driver의 위치별 타입 추론 차이 등 미묘한 이유로 단일 파라미터가 양쪽을 모두 만족시키지 못해 터질 수 있음. ("bigint vs numeric" 같은 단순 수치 타입 차이만 원인이 아님 — 실제로 이 건은 둘 다 varchar였음)
+**해결**: 동일 값을 배열 끝에 한 번 더 push해서 WHERE절용 `$10`으로 분리.
+**교훈**: 같은 파라미터를 서로 다른 테이블 컬럼을 참조하는 두 위치(INSERT 대상 + WHERE 비교)에서 재사용하지 말 것. 겉보기에 같은 타입처럼 보여도 42P18 터질 수 있음. 분리하거나 명시 캐스팅(`$N::text`, `$N::bigint`)을 쓰는 게 안전.
+
diff --git a/src/app/api/admin/auth/delete/route.ts b/src/app/api/admin/auth/delete/route.ts
new file mode 100644
index 0000000..8a4dd5b
--- /dev/null
+++ b/src/app/api/admin/auth/delete/route.ts
@@ -0,0 +1,27 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 권한그룹 삭제 (deleteAuthGroup + deleteAuthGroupMember 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const objid = body.objid;
+    if (!objid) return NextResponse.json({ success: false, message: "OBJID가 필요합니다." }, { status: 400 });
+
+    // 소속 사용자 먼저 삭제
+    await execute(`DELETE FROM AUTHORITY_SUB_USER WHERE MASTER_OBJID = $1::numeric`, [objid]);
+    // 메뉴 권한 매핑 삭제
+    await execute(`DELETE FROM REL_MENU_AUTH WHERE AUTH_OBJID = $1::numeric`, [objid]);
+    // 권한그룹 삭제
+    await execute(`DELETE FROM AUTHORITY_MASTER WHERE OBJID = $1::numeric`, [objid]);
+
+    return NextResponse.json({ success: true, message: "삭제되었습니다." });
+  } catch (error) {
+    console.error("Auth delete:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/auth/members/delete/route.ts b/src/app/api/admin/auth/members/delete/route.ts
new file mode 100644
index 0000000..eb4b66c
--- /dev/null
+++ b/src/app/api/admin/auth/members/delete/route.ts
@@ -0,0 +1,43 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 권한그룹 멤버 삭제 (deleteAuthorityMember 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const { masterObjid, memberObjids } = body;
+    if (!masterObjid || !memberObjids || !Array.isArray(memberObjids) || memberObjids.length === 0) {
+      return NextResponse.json({ success: false, message: "대상을 선택하세요." }, { status: 400 });
+    }
+
+    for (const memberObjid of memberObjids) {
+      // 이력 기록 (삭제 전 USER_ID 조회)
+      await execute(
+        `INSERT INTO AUTHORITY_MASTER_HISTORY (OBJID, PARENT_OBJID, PARENT_NAME, PARENT_CODE, USER_ID, ACTIVE, HISTORY_TYPE, WRITER, REG_DATE)
+         SELECT $1::numeric, $2::numeric,
+           (SELECT AUTH_NAME FROM AUTHORITY_MASTER WHERE OBJID = $2::numeric),
+           (SELECT AUTH_CODE FROM AUTHORITY_MASTER WHERE OBJID = $2::numeric),
+           ASU.USER_ID,
+           (SELECT STATUS FROM AUTHORITY_MASTER WHERE OBJID = $2::numeric),
+           'REMOVE', $3, now()
+         FROM AUTHORITY_SUB_USER ASU WHERE ASU.OBJID = $4::numeric`,
+        [createObjectId(), masterObjid, user.userId, memberObjid]
+      );
+      // 멤버 삭제
+      await execute(
+        `DELETE FROM AUTHORITY_SUB_USER WHERE MASTER_OBJID = $1::numeric AND OBJID = $2::numeric`,
+        [masterObjid, memberObjid]
+      );
+    }
+
+    return NextResponse.json({ success: true, message: `${memberObjids.length}명이 제거되었습니다.` });
+  } catch (error) {
+    console.error("Auth member delete:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/auth/members/route.ts b/src/app/api/admin/auth/members/route.ts
new file mode 100644
index 0000000..f5ed8cb
--- /dev/null
+++ b/src/app/api/admin/auth/members/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 권한그룹 소속 멤버 조회 (selectAuthGroupMemberList 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const masterObjid = body.masterObjid;
+    if (!masterObjid) return NextResponse.json({ RESULTLIST: [], TOTAL_CNT: 0 });
+
+    const rows = await queryRows(
+      `SELECT ASU.OBJID::text AS "OBJID",
+              ASU.MASTER_OBJID::text AS "MASTER_OBJID",
+              ASU.USER_ID AS "USER_ID",
+              UI.USER_NAME AS "USER_NAME",
+              UI.DEPT_NAME AS "DEPT_NAME",
+              UI.USER_TYPE_NAME AS "USER_TYPE_NAME",
+              UI.EMAIL AS "EMAIL",
+              TO_CHAR(ASU.REGDATE, 'YYYY-MM-DD') AS "REGDATE"
+       FROM AUTHORITY_SUB_USER ASU
+       LEFT JOIN USER_INFO UI ON UI.USER_ID = ASU.USER_ID
+       WHERE ASU.MASTER_OBJID = $1::numeric
+       ORDER BY ASU.REGDATE DESC`,
+      [masterObjid]
+    );
+
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("Auth members:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/auth/members/save/route.ts b/src/app/api/admin/auth/members/save/route.ts
new file mode 100644
index 0000000..d181dd9
--- /dev/null
+++ b/src/app/api/admin/auth/members/save/route.ts
@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 권한그룹 멤버 추가 (mergeInsertAuthoritySubUser 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const { masterObjid, userIds } = body;
+    if (!masterObjid || !userIds || !Array.isArray(userIds) || userIds.length === 0) {
+      return NextResponse.json({ success: false, message: "대상을 선택하세요." }, { status: 400 });
+    }
+
+    let added = 0;
+    for (const userId of userIds) {
+      const objid = createObjectId();
+      const rowCount = await execute(
+        `INSERT INTO AUTHORITY_SUB_USER (OBJID, MASTER_OBJID, USER_ID, WRITER, REGDATE)
+         SELECT $1::numeric, $2::numeric, $3, $4, now()
+         WHERE NOT EXISTS (
+           SELECT 1 FROM AUTHORITY_SUB_USER WHERE USER_ID = $3 AND MASTER_OBJID = $2::numeric
+         )`,
+        [objid, masterObjid, userId, user.userId]
+      );
+      if (rowCount > 0) {
+        added++;
+        // 이력 기록
+        await execute(
+          `INSERT INTO AUTHORITY_MASTER_HISTORY (OBJID, PARENT_OBJID, PARENT_NAME, PARENT_CODE, USER_ID, ACTIVE, HISTORY_TYPE, WRITER, REG_DATE)
+           VALUES ($1::numeric, $2::numeric,
+             (SELECT AUTH_NAME FROM AUTHORITY_MASTER WHERE OBJID = $2::numeric),
+             (SELECT AUTH_CODE FROM AUTHORITY_MASTER WHERE OBJID = $2::numeric),
+             $3,
+             (SELECT STATUS FROM AUTHORITY_MASTER WHERE OBJID = $2::numeric),
+             'ADD', $4, now())`,
+          [createObjectId(), masterObjid, userId, user.userId]
+        );
+      }
+    }
+
+    return NextResponse.json({ success: true, message: `${added}명이 추가되었습니다.` });
+  } catch (error) {
+    console.error("Auth member add:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/auth/route.ts b/src/app/api/admin/auth/route.ts
new file mode 100644
index 0000000..e2d0523
--- /dev/null
+++ b/src/app/api/admin/auth/route.ts
@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 권한관리 목록 조회 (selectAuthMngList 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const sql = `
+    SELECT AM.objid::text AS "OBJID",
+           AM.auth_name AS "AUTH_NAME",
+           AM.auth_code AS "AUTH_CODE",
+           COALESCE((SELECT COUNT(*)::int FROM authority_sub_user WHERE master_objid = AM.objid), 0) AS "USER_CNT",
+           AM.writer AS "WRITER",
+           TO_CHAR(AM.regdate, 'YYYY-MM-DD') AS "REGDATE",
+           COALESCE(AM.status, 'active') AS "STATUS"
+    FROM authority_master AM
+    ORDER BY AM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/auth/save/route.ts b/src/app/api/admin/auth/save/route.ts
new file mode 100644
index 0000000..bac26f0
--- /dev/null
+++ b/src/app/api/admin/auth/save/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 권한그룹 등록/수정 (mergeAuthorityMaster 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const objid = body.objid || createObjectId();
+
+    await execute(
+      `INSERT INTO AUTHORITY_MASTER (OBJID, AUTH_NAME, AUTH_CODE, WRITER, REGDATE, STATUS)
+       VALUES ($1::numeric, $2, $3, $4, now(), $5)
+       ON CONFLICT (OBJID) DO UPDATE
+       SET AUTH_NAME = $2, AUTH_CODE = $3, STATUS = $5`,
+      [objid, body.auth_name || "", body.auth_code || "", user.userId, body.status || "active"]
+    );
+
+    return NextResponse.json({ success: true, message: body.objid ? "수정되었습니다." : "등록되었습니다.", objid });
+  } catch (error) {
+    console.error("Auth save:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/auth/status/route.ts b/src/app/api/admin/auth/status/route.ts
new file mode 100644
index 0000000..c082c5e
--- /dev/null
+++ b/src/app/api/admin/auth/status/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 권한그룹 상태 변경 (changeAuthGroupStatus 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const { objids, status } = body;
+    if (!objids || !Array.isArray(objids) || objids.length === 0) {
+      return NextResponse.json({ success: false, message: "대상을 선택하세요." }, { status: 400 });
+    }
+
+    const placeholders = objids.map((_: unknown, i: number) => `$${i + 2}::numeric`).join(",");
+    await execute(
+      `UPDATE AUTHORITY_MASTER SET STATUS = $1 WHERE OBJID IN (${placeholders})`,
+      [status, ...objids]
+    );
+
+    return NextResponse.json({ success: true, message: "상태가 변경되었습니다." });
+  } catch (error) {
+    console.error("Auth status:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/auth/users/route.ts b/src/app/api/admin/auth/users/route.ts
new file mode 100644
index 0000000..693150e
--- /dev/null
+++ b/src/app/api/admin/auth/users/route.ts
@@ -0,0 +1,45 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 권한그룹에 미소속 사용자 조회 (getAuthNotInUserList 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  try {
+    const body = await request.json();
+    const conditions: string[] = ["UI.USER_ID IS NOT NULL"];
+    const params: unknown[] = [];
+    let idx = 1;
+
+    if (body.userName) {
+      conditions.push(`UI.USER_NAME LIKE '%' || $${idx++} || '%'`);
+      params.push(body.userName);
+    }
+    if (body.deptName) {
+      conditions.push(`UI.DEPT_NAME LIKE '%' || $${idx++} || '%'`);
+      params.push(body.deptName);
+    }
+    if (body.masterObjid) {
+      conditions.push(`NOT EXISTS (SELECT 1 FROM AUTHORITY_SUB_USER ASU WHERE ASU.USER_ID = UI.USER_ID AND ASU.MASTER_OBJID = $${idx++}::numeric)`);
+      params.push(body.masterObjid);
+    }
+
+    const rows = await queryRows(
+      `SELECT UI.USER_ID AS "USER_ID", UI.USER_NAME AS "USER_NAME",
+              UI.DEPT_NAME AS "DEPT_NAME", UI.USER_TYPE_NAME AS "USER_TYPE_NAME",
+              UI.EMAIL AS "EMAIL"
+       FROM USER_INFO UI
+       WHERE ${conditions.join(" AND ")}
+       ORDER BY UI.DEPT_NAME, UI.USER_NAME
+`,
+      params
+    );
+
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("Auth users:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/car-option/route.ts b/src/app/api/admin/car-option/route.ts
new file mode 100644
index 0000000..107f5b8
--- /dev/null
+++ b/src/app/api/admin/car-option/route.ts
@@ -0,0 +1,63 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 차량옵션(사양) 관리 (admin/getCarOptionMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.option_name) {
+    conditions.push(`O.option_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.option_name);
+  }
+  if (body.option_no) {
+    conditions.push(`O.option_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.option_no);
+  }
+  if (body.option_type) {
+    conditions.push(`O.option_type = $${idx++}`);
+    params.push(body.option_type);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(O.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT O.objid AS "OBJID",
+      O.option_no AS "OPTION_NO",
+      O.option_name AS "OPTION_NAME",
+      O.option_name_eng AS "OPTION_NAME_ENG",
+      O.std_code AS "STD_CODE",
+      O.option_type AS "OPTION_TYPE",
+      O.category AS "CATEGORY",
+      O.parent_objid AS "PARENT_OBJID",
+      O.price AS "PRICE",
+      O.writer AS "WRITER",
+      O.reg_date AS "REG_DATE",
+      O.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(O.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(O.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE O.status END AS "STATUS_STR"
+    FROM option_mng O
+    WHERE ${where}
+    ORDER BY O.reg_date DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("차량옵션 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/codes/detail/route.ts b/src/app/api/admin/codes/detail/route.ts
new file mode 100644
index 0000000..b8ddd77
--- /dev/null
+++ b/src/app/api/admin/codes/detail/route.ts
@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const client = await pool.connect();
+  try {
+    const result = await client.query(
+      `SELECT objid::text AS "objid", code_id AS "code_id", code_name AS "code_name",
+        ext_val AS "ext_val", parent_code_id AS "parent_code_id",
+        COALESCE(status, 'active') AS "status"
+       FROM comm_code WHERE code_id = $1`,
+      [body.codeId || ""]
+    );
+    return NextResponse.json({ success: true, data: result.rows[0] || null });
+  } catch (e) {
+    console.error("Code detail:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/admin/codes/route.ts b/src/app/api/admin/codes/route.ts
new file mode 100644
index 0000000..6154008
--- /dev/null
+++ b/src/app/api/admin/codes/route.ts
@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 공통코드관리 목록 조회
+// body.parentOnly === true  → 최상위 코드만 (code-form 분류선택 드롭다운용)
+// 그 외                     → 전체 코드 (트리 렌더링용)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.parentOnly === true) {
+    conditions.push("(CC.parent_code_id IS NULL OR CC.parent_code_id = '')");
+  }
+
+  if (body.code_name) {
+    conditions.push(`CC.code_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.code_name);
+  }
+  if (body.status) {
+    conditions.push(`COALESCE(CC.status, 'active') = $${idx++}`);
+    params.push(body.status);
+  }
+
+  const where = conditions.length > 0 ? `WHERE ${conditions.join(" AND ")}` : "";
+
+  const sql = `
+    SELECT CC.objid::text AS "OBJID",
+      CC.code_id AS "CODE_ID",
+      CC.code_name AS "CODE_NAME",
+      CC.ext_val AS "EXT_VAL",
+      COALESCE(CC.parent_code_id, '') AS "PARENT_CODE_ID",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = CC.writer LIMIT 1), CC.writer) AS "WRITER_NAME",
+      TO_CHAR(CC.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(CC.status, 'active') AS "STATUS"
+    FROM comm_code CC
+    ${where}
+    ORDER BY
+      COALESCE(CC.parent_code_id, '') ASC,
+      CC.code_id ASC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/codes/save/route.ts b/src/app/api/admin/codes/save/route.ts
new file mode 100644
index 0000000..9bf3362
--- /dev/null
+++ b/src/app/api/admin/codes/save/route.ts
@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = body.actionType === "regist" || !body.objid;
+  const objId = isNew ? Date.now() : Number(body.objid);
+  const status = body.status || "active";
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO comm_code (objid, code_id, code_name, ext_val, parent_code_id, writer, regdate, status)
+       VALUES ($1::numeric, $2, $3, $4, $5, $6, now(), $7)
+       ON CONFLICT (objid) DO UPDATE SET
+        code_name=EXCLUDED.code_name,
+        ext_val=EXCLUDED.ext_val,
+        parent_code_id=EXCLUDED.parent_code_id,
+        status=EXCLUDED.status`,
+      [
+        objId,
+        body.code_id || "",
+        body.code_name || "",
+        body.ext_val || "",
+        body.parent_code_id || "",
+        user.userId,
+        status,
+      ]
+    );
+    return NextResponse.json({ success: true, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Code save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/admin/dept/route.ts b/src/app/api/admin/dept/route.ts
new file mode 100644
index 0000000..febfbde
--- /dev/null
+++ b/src/app/api/admin/dept/route.ts
@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 부서관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const sql = `
+    SELECT D.dept_code AS "DEPT_CODE",
+      D.dept_name AS "DEPT_NAME",
+      COALESCE(D.company_name, '') AS "COMPANY_NAME",
+      TO_CHAR(D.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(D.status, 'active') AS "STATUS",
+      CASE WHEN COALESCE(D.status,'active')='active' THEN '활성' ELSE '비활성' END AS "STATUS_NAME"
+    FROM dept_info D
+    ORDER BY D.dept_code
+  `;
+
+  const rows = await queryRows(sql);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/dept/save/route.ts b/src/app/api/admin/dept/save/route.ts
new file mode 100644
index 0000000..2bf4f1c
--- /dev/null
+++ b/src/app/api/admin/dept/save/route.ts
@@ -0,0 +1,86 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 부서 등록/수정
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const {
+    actionType,
+    dept_code,
+    dept_name,
+    parent_dept_code,
+    master_sabun,
+    master_user_id,
+    location,
+    location_name,
+    status,
+    sales_yn,
+    company_name,
+  } = body as Record<string, string | undefined>;
+
+  if (!dept_code || !dept_name) {
+    return NextResponse.json({ success: false, message: "부서코드와 부서명은 필수입니다." }, { status: 400 });
+  }
+
+  if (actionType === "regist") {
+    const dup = await queryOne<{ cnt: string }>(
+      `SELECT COUNT(*)::text AS cnt FROM dept_info WHERE dept_code = $1`,
+      [dept_code]
+    );
+    if (dup && Number(dup.cnt) > 0) {
+      return NextResponse.json({ success: false, message: "이미 존재하는 부서코드입니다." }, { status: 400 });
+    }
+
+    await execute(
+      `INSERT INTO dept_info
+         (dept_code, dept_name, parent_dept_code, master_sabun, master_user_id,
+          location, location_name, regdate, status, sales_yn, company_name)
+       VALUES ($1, $2, $3, $4, $5, $6, $7, NOW(), COALESCE($8,'active'), $9, $10)`,
+      [
+        dept_code,
+        dept_name,
+        parent_dept_code || null,
+        master_sabun || null,
+        master_user_id || null,
+        location || null,
+        location_name || null,
+        status || "active",
+        sales_yn || "N",
+        company_name || null,
+      ]
+    );
+    return NextResponse.json({ success: true, message: "등록되었습니다.", dept_code });
+  }
+
+  // 수정
+  await execute(
+    `UPDATE dept_info SET
+       dept_name = $1,
+       parent_dept_code = $2,
+       master_sabun = $3,
+       master_user_id = $4,
+       location = $5,
+       location_name = $6,
+       status = COALESCE($7, status),
+       sales_yn = $8,
+       company_name = $9
+     WHERE dept_code = $10`,
+    [
+      dept_name,
+      parent_dept_code || null,
+      master_sabun || null,
+      master_user_id || null,
+      location || null,
+      location_name || null,
+      status || null,
+      sales_yn || "N",
+      company_name || null,
+      dept_code,
+    ]
+  );
+  return NextResponse.json({ success: true, message: "수정되었습니다.", dept_code });
+}
diff --git a/src/app/api/admin/exchange/route.ts b/src/app/api/admin/exchange/route.ts
new file mode 100644
index 0000000..5705729
--- /dev/null
+++ b/src/app/api/admin/exchange/route.ts
@@ -0,0 +1,58 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 환율관리 (admin/getExchangeRateMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.yyyy_mm) {
+    conditions.push(`E.yyyy_mm LIKE '%' || $${idx++} || '%'`);
+    params.push(body.yyyy_mm);
+  }
+  if (body.from_date) {
+    conditions.push(`E.yyyy_mm >= $${idx++}`);
+    params.push(body.from_date);
+  }
+  if (body.to_date) {
+    conditions.push(`E.yyyy_mm <= $${idx++}`);
+    params.push(body.to_date);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT E.yyyy_mm AS "YYYY_MM",
+      E.yyyy_mm_dd AS "YYYY_MM_DD",
+      E.cost_usd AS "COST_USD",
+      E.cost_eu AS "COST_EU",
+      E.cost_japan AS "COST_JAPAN",
+      E.cost_china AS "COST_CHINA",
+      E.cost_vietnam AS "COST_VIETNAM",
+      E.cost_rub AS "COST_RUB",
+      E.cost_inr AS "COST_INR",
+      E.cost_thb AS "COST_THB",
+      E.cost_hkd AS "COST_HKD",
+      E.writer AS "WRITER",
+      TO_CHAR(E.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      TO_CHAR(E.api_date, 'YYYY-MM-DD HH24:MI') AS "API_DATE"
+    FROM comm_exchange_rate E
+    WHERE ${where}
+    ORDER BY E.yyyy_mm DESC, E.yyyy_mm_dd DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("환율관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/log-file/route.ts b/src/app/api/admin/log-file/route.ts
new file mode 100644
index 0000000..3a13523
--- /dev/null
+++ b/src/app/api/admin/log-file/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 파일 다운로드 로그 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.user_id) {
+    conditions.push(`F.user_id LIKE '%' || $${idx++} || '%'`);
+    params.push(body.user_id);
+  }
+  if (body.file_name) {
+    conditions.push(`AFI.real_file_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.file_name);
+  }
+  if (body.start_date) {
+    conditions.push(`F.log_time >= $${idx++}::timestamp`);
+    params.push(body.start_date);
+  }
+  if (body.end_date) {
+    conditions.push(`F.log_time <= ($${idx++} || ' 23:59:59')::timestamp`);
+    params.push(body.end_date);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT TO_CHAR(F.log_time, 'YYYY-MM-DD HH24:MI:SS') AS "LOG_TIME",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = F.user_id LIMIT 1), F.user_id) AS "USER_NAME",
+      COALESCE(AFI.real_file_name, '') AS "REAL_FILE_NAME", COALESCE(AFI.doc_type_name, '') AS "DOC_TYPE_NAME",
+      F.remote_addr AS "REMOTE_ADDR"
+    FROM file_down_log F
+    LEFT JOIN attach_file_info AFI ON AFI.objid = F.file_objid
+    WHERE ${where}
+    ORDER BY F.log_time DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/log-login/route.ts b/src/app/api/admin/log-login/route.ts
new file mode 100644
index 0000000..eab9f41
--- /dev/null
+++ b/src/app/api/admin/log-login/route.ts
@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 로그인 로그 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.user_id) {
+    conditions.push(`L.user_id LIKE '%' || $${idx++} || '%'`);
+    params.push(body.user_id);
+  }
+  if (body.login_result) {
+    conditions.push(`L.login_result = $${idx++}`);
+    params.push(body.login_result);
+  }
+  if (body.start_date) {
+    conditions.push(`L.log_time >= $${idx++}::timestamp`);
+    params.push(body.start_date);
+  }
+  if (body.end_date) {
+    conditions.push(`L.log_time <= ($${idx++} || ' 23:59:59')::timestamp`);
+    params.push(body.end_date);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT TO_CHAR(L.log_time, 'YYYY-MM-DD HH24:MI:SS') AS "LOG_TIME",
+      L.user_id AS "USER_ID", L.login_result AS "LOGIN_RESULT",
+      L.remote_addr AS "REMOTE_ADDR", L.error_message AS "ERROR_MESSAGE"
+    FROM login_access_log L
+    WHERE ${where}
+    ORDER BY L.log_time DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/log-mail/route.ts b/src/app/api/admin/log-mail/route.ts
new file mode 100644
index 0000000..a314eb3
--- /dev/null
+++ b/src/app/api/admin/log-mail/route.ts
@@ -0,0 +1,63 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 메일발송 로그 (admin/log/mailSendLogList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.send_user_id) {
+    conditions.push(`M.send_user_id LIKE '%' || $${idx++} || '%'`);
+    params.push(body.send_user_id);
+  }
+  if (body.receiver_to) {
+    conditions.push(`M.receiver_to LIKE '%' || $${idx++} || '%'`);
+    params.push(body.receiver_to);
+  }
+  if (body.title) {
+    conditions.push(`M.title LIKE '%' || $${idx++} || '%'`);
+    params.push(body.title);
+  }
+  if (body.mail_type) {
+    conditions.push(`M.mail_type = $${idx++}`);
+    params.push(body.mail_type);
+  }
+  if (body.is_send) {
+    conditions.push(`M.is_send = $${idx++}`);
+    params.push(body.is_send);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT M.objid AS "OBJID",
+      M.system_name AS "SYSTEM_NAME",
+      M.send_user_id AS "SEND_USER_ID",
+      M.from_addr AS "FROM_ADDR",
+      M.reception_user_id AS "RECEPTION_USER_ID",
+      M.receiver_to AS "RECEIVER_TO",
+      M.title AS "TITLE",
+      M.mail_type AS "MAIL_TYPE",
+      M.is_send AS "IS_SEND",
+      TO_CHAR(M.log_time, 'YYYY-MM-DD HH24:MI:SS') AS "LOG_TIME",
+      M.error_log AS "ERROR_LOG"
+    FROM mail_log M
+    WHERE ${where}
+    ORDER BY M.log_time DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("메일발송 로그 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/menus/delete/route.ts b/src/app/api/admin/menus/delete/route.ts
new file mode 100644
index 0000000..7b07803
--- /dev/null
+++ b/src/app/api/admin/menus/delete/route.ts
@@ -0,0 +1,29 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const { objid } = body;
+  if (!objid) return NextResponse.json({ success: false, message: "삭제할 메뉴를 선택하세요." });
+
+  try {
+    // 하위 메뉴가 있으면 삭제 불가
+    const { queryOne } = await import("@/lib/db");
+    const child = await queryOne<{ cnt: string }>(
+      `SELECT COUNT(*) AS cnt FROM menu_info WHERE parent_obj_id = $1`,
+      [parseInt(objid, 10)]
+    );
+    if (Number(child?.cnt || 0) > 0) {
+      return NextResponse.json({ success: false, message: "하위 메뉴가 있어 삭제할 수 없습니다. 하위 메뉴를 먼저 삭제하세요." });
+    }
+
+    await execute(`DELETE FROM menu_info WHERE objid = $1`, [parseInt(objid, 10)]);
+    return NextResponse.json({ success: true, message: "삭제되었습니다." });
+  } catch (e) {
+    console.error("Menu delete:", e);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." });
+  }
+}
diff --git a/src/app/api/admin/menus/route.ts b/src/app/api/admin/menus/route.ts
new file mode 100644
index 0000000..7f8ba7a
--- /dev/null
+++ b/src/app/api/admin/menus/route.ts
@@ -0,0 +1,21 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 메뉴관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const sql = `
+    SELECT MI.objid::text AS "OBJID", MI.menu_name_kor AS "MENU_NAME_KOR",
+      MI.menu_name_eng AS "MENU_NAME_ENG", MI.menu_url AS "MENU_URL",
+      MI.parent_obj_id::text AS "PARENT_OBJ_ID", MI.seq::text AS "SEQ",
+      COALESCE(MI.status, '') AS "STATUS"
+    FROM menu_info MI
+    ORDER BY MI.parent_obj_id, MI.seq
+  `;
+
+  const rows = await queryRows(sql);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/menus/save/route.ts b/src/app/api/admin/menus/save/route.ts
new file mode 100644
index 0000000..e7be6cb
--- /dev/null
+++ b/src/app/api/admin/menus/save/route.ts
@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+function createMenuId(): number {
+  return Math.floor(Math.random() * 2000000000) - 1000000000;
+}
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = body.actionType === "regist" || !body.objid;
+  const objid = isNew ? createMenuId() : parseInt(body.objid, 10);
+  const client = await pool.connect();
+  try {
+    if (isNew) {
+      await client.query(
+        `INSERT INTO menu_info (objid, menu_name_kor, menu_name_eng, menu_url, parent_obj_id, seq, status, writer, regdate)
+         VALUES ($1, $2, $3, $4, $5, $6, 'active', $7, now())`,
+        [objid, body.menu_name_kor || "", body.menu_name_eng || "",
+         body.menu_url || "", parseInt(body.parent_obj_id || "0", 10),
+         parseInt(body.seq || "0", 10), user.userId]
+      );
+    } else {
+      await client.query(
+        `UPDATE menu_info SET menu_name_kor=$1, menu_name_eng=$2, menu_url=$3, parent_obj_id=$4, seq=$5, status=$6
+         WHERE objid=$7`,
+        [body.menu_name_kor || "", body.menu_name_eng || "",
+         body.menu_url || "", parseInt(body.parent_obj_id || "0", 10),
+         parseInt(body.seq || "0", 10), body.status || "active", objid]
+      );
+    }
+    return NextResponse.json({ success: true, message: isNew ? "등록되었습니다." : "수정되었습니다.", objid });
+  } catch (e) {
+    console.error("Menu save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/admin/ref-car/route.ts b/src/app/api/admin/ref-car/route.ts
new file mode 100644
index 0000000..a6d2b90
--- /dev/null
+++ b/src/app/api/admin/ref-car/route.ts
@@ -0,0 +1,57 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 차종 관리 (admin/getCarMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.car_name) {
+    conditions.push(`C.car_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.car_name);
+  }
+  if (body.car_code) {
+    conditions.push(`C.car_code LIKE '%' || $${idx++} || '%'`);
+    params.push(body.car_code);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(C.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT C.objid::text AS "OBJID",
+      C.car_code AS "CAR_CODE",
+      C.model_code AS "MODEL_CODE",
+      C.car_name AS "CAR_NAME",
+      C.description AS "DESCRIPTION",
+      C.oem_objid::text AS "OEM_OBJID",
+      (SELECT oem_name FROM oem_mng O WHERE O.objid = C.oem_objid) AS "OEM_NAME",
+      C.writer AS "WRITER",
+      TO_CHAR(C.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      C.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(C.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(C.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE C.status END AS "STATUS_STR"
+    FROM car_mng C
+    WHERE ${where}
+    ORDER BY C.regdate DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("차종 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/ref-customer/route.ts b/src/app/api/admin/ref-customer/route.ts
new file mode 100644
index 0000000..982b41e
--- /dev/null
+++ b/src/app/api/admin/ref-customer/route.ts
@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 고객사 관리 (admin/oemMngPagingList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.oem_name) {
+    conditions.push(`O.oem_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.oem_name);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(O.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT O.objid::text AS "OBJID",
+      O.oem_code AS "OEM_CODE",
+      O.oem_name AS "OEM_NAME",
+      O.writer AS "WRITER",
+      TO_CHAR(O.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      O.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(O.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(O.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE O.status END AS "STATUS_STR"
+    FROM oem_mng O
+    WHERE ${where}
+    ORDER BY O.regdate DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("고객사 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/ref-material/route.ts b/src/app/api/admin/ref-material/route.ts
new file mode 100644
index 0000000..2b26f1e
--- /dev/null
+++ b/src/app/api/admin/ref-material/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 재질 관리 (admin/getMaterialMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.material_name) {
+    conditions.push(`M.material_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.material_name);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(M.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT M.objid::text AS "OBJID",
+      M.material_name AS "MATERIAL_NAME",
+      M.writer AS "WRITER",
+      TO_CHAR(M.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      M.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(M.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(M.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE M.status END AS "STATUS_STR"
+    FROM material_mng M
+    WHERE ${where}
+    ORDER BY M.regdate DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("재질 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/ref-product-group/route.ts b/src/app/api/admin/ref-product-group/route.ts
new file mode 100644
index 0000000..6cf090d
--- /dev/null
+++ b/src/app/api/admin/ref-product-group/route.ts
@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 제품군 관리 (admin/getProductGroupMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.product_group_name) {
+    conditions.push(`P.product_group_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.product_group_name);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(P.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT P.objid::text AS "OBJID",
+      P.product_group_name AS "PRODUCT_GROUP_NAME",
+      P.description AS "DESCRIPTION",
+      P.writer AS "WRITER",
+      TO_CHAR(P.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      P.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(P.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(P.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE P.status END AS "STATUS_STR"
+    FROM product_group_mng P
+    WHERE ${where}
+    ORDER BY P.regdate DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("제품군 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/ref-product/route.ts b/src/app/api/admin/ref-product/route.ts
new file mode 100644
index 0000000..005bb10
--- /dev/null
+++ b/src/app/api/admin/ref-product/route.ts
@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 제품 관리 (admin/getProductMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.product_name) {
+    conditions.push(`P.product_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.product_name);
+  }
+  if (body.product_code) {
+    conditions.push(`P.product_code LIKE '%' || $${idx++} || '%'`);
+    params.push(body.product_code);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(P.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT P.objid::text AS "OBJID",
+      P.product_code AS "PRODUCT_CODE",
+      P.product_name AS "PRODUCT_NAME",
+      P.product_desc AS "PRODUCT_DESC",
+      P.product_group_objid::text AS "PRODUCT_GROUP_OBJID",
+      (SELECT product_group_name FROM product_group_mng G WHERE G.objid = P.product_group_objid) AS "PRODUCT_GROUP_NAME",
+      P.writer AS "WRITER",
+      TO_CHAR(P.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      P.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(P.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(P.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE P.status END AS "STATUS_STR"
+    FROM product_mng P
+    WHERE ${where}
+    ORDER BY P.regdate DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("제품 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/spec-data-category/route.ts b/src/app/api/admin/spec-data-category/route.ts
new file mode 100644
index 0000000..08fb2ea
--- /dev/null
+++ b/src/app/api/admin/spec-data-category/route.ts
@@ -0,0 +1,66 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 기술자료 카테고리 관리 (admin/specDataCategoryMngList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.category_name) {
+    conditions.push(`S.category_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.category_name);
+  }
+  if (body.category_type) {
+    conditions.push(`S.category_type = $${idx++}`);
+    params.push(body.category_type);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(S.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT S.objid::text AS "OBJID",
+      S.parent_objid::text AS "PARENT_OBJID",
+      S.category_type AS "CATEGORY_TYPE",
+      S.category_name AS "CATEGORY_NAME",
+      S.spec_no AS "SPEC_NO",
+      S.spec_input_type AS "SPEC_INPUT_TYPE",
+      S.doc_no_rule AS "DOC_NO_RULE",
+      S.seq AS "SEQ",
+      S.use_car AS "USE_CAR",
+      S.use_product AS "USE_PRODUCT",
+      S.use_product_group AS "USE_PRODUCT_GROUP",
+      S.use_revision AS "USE_REVISION",
+      S.use_doc_link AS "USE_DOC_LINK",
+      S.use_compatition_car AS "USE_COMPATITION_CAR",
+      S.use_manufacturer AS "USE_MANUFACTURER",
+      S.use_participation_date AS "USE_PARTICIPATION_DATE",
+      S.writer AS "WRITER",
+      TO_CHAR(S.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      S.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(S.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(S.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE S.status END AS "STATUS_STR"
+    FROM standard_doc_category S
+    WHERE ${where}
+    ORDER BY S.seq ASC NULLS LAST, S.regdate DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("기술자료 카테고리 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/supply/delete/route.ts b/src/app/api/admin/supply/delete/route.ts
new file mode 100644
index 0000000..54122f4
--- /dev/null
+++ b/src/app/api/admin/supply/delete/route.ts
@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 공급업체 삭제 (원본: admin/deletesupplyMngInfo.do) — soft delete
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}::numeric`).join(",");
+    await execute(
+      `UPDATE admin_supply_mng SET status = 'deleted' WHERE objid IN (${ph})`,
+      objIds.map(String),
+    );
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("admin supply delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/supply/detail/route.ts b/src/app/api/admin/supply/detail/route.ts
new file mode 100644
index 0000000..ca0916a
--- /dev/null
+++ b/src/app/api/admin/supply/detail/route.ts
@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 공급업체 단건 + 담당자 리스트 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objid = String(body.objid || "");
+  if (!objid) return NextResponse.json({ success: false, message: "objid 누락" }, { status: 400 });
+
+  const info = await queryOne(
+    `SELECT objid::text AS "OBJID",
+      supply_code AS "SUPPLY_CODE",
+      supply_name AS "SUPPLY_NAME",
+      area_cd AS "AREA_CD",
+      charge_user_name AS "CHARGE_USER_NAME",
+      bus_reg_no AS "BUS_REG_NO",
+      reg_no AS "REG_NO",
+      supply_busname AS "SUPPLY_BUSNAME",
+      supply_stockname AS "SUPPLY_STOCKNAME",
+      supply_address AS "SUPPLY_ADDRESS",
+      supply_tel_no AS "SUPPLY_TEL_NO",
+      email AS "EMAIL",
+      office_no AS "OFFICE_NO",
+      supply_fax_no AS "SUPPLY_FAX_NO",
+      COALESCE(status,'active') AS "STATUS"
+    FROM admin_supply_mng WHERE objid::text = $1`,
+    [objid]
+  );
+
+  const chargers = await queryRows(
+    `SELECT objid AS "OBJID",
+      charger_type AS "CHARGER_TYPE",
+      charger_name AS "CHARGER_NAME",
+      phone AS "PHONE",
+      tel AS "TEL",
+      fax AS "FAX",
+      email AS "EMAIL"
+    FROM supply_charger_mng
+    WHERE supply_objid = $1
+    ORDER BY regdate NULLS LAST, objid`,
+    [objid]
+  );
+
+  return NextResponse.json({ success: true, info, chargers });
+}
diff --git a/src/app/api/admin/supply/route.ts b/src/app/api/admin/supply/route.ts
new file mode 100644
index 0000000..6376a04
--- /dev/null
+++ b/src/app/api/admin/supply/route.ts
@@ -0,0 +1,57 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 공급업체관리 목록 조회 (원본: admin.xml getSUPPLYInfoGridList)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["COALESCE(S.status,'active') != 'deleted'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.supply_code) {
+    conditions.push(`S.supply_code = $${idx++}`);
+    params.push(body.supply_code);
+  }
+  if (body.supply_name) {
+    conditions.push(`UPPER(S.supply_name) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.supply_name);
+  }
+  if (body.area_cd) {
+    conditions.push(`S.area_cd = $${idx++}`);
+    params.push(body.area_cd);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT ROW_NUMBER() OVER (ORDER BY S.reg_date DESC NULLS LAST, S.supply_name)::int AS "RNUM",
+      S.objid::text AS "OBJID",
+      S.supply_code AS "SUPPLY_CODE",
+      (SELECT code_name FROM comm_code WHERE code_id = S.supply_code LIMIT 1) AS "SUPPLY_CODE_NAME",
+      S.supply_name AS "SUPPLY_NAME",
+      S.area_cd AS "AREA_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = S.area_cd LIMIT 1) AS "AREA_CD_NAME",
+      S.charge_user_name AS "CHARGE_USER_NAME",
+      S.supply_stockname AS "SUPPLY_STOCKNAME",
+      S.supply_busname AS "SUPPLY_BUSNAME",
+      S.supply_address AS "SUPPLY_ADDRESS",
+      S.supply_tel_no AS "SUPPLY_TEL_NO",
+      S.supply_fax_no AS "SUPPLY_FAX_NO",
+      S.email AS "EMAIL",
+      S.bus_reg_no AS "BUS_REG_NO",
+      S.reg_no AS "REG_NO",
+      S.office_no AS "OFFICE_NO",
+      TO_CHAR(S.reg_date,'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(S.status,'active') AS "STATUS"
+    FROM admin_supply_mng S
+    WHERE ${where}
+    ORDER BY S.reg_date DESC NULLS LAST, S.supply_name
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/supply/save/route.ts b/src/app/api/admin/supply/save/route.ts
new file mode 100644
index 0000000..e54e4f1
--- /dev/null
+++ b/src/app/api/admin/supply/save/route.ts
@@ -0,0 +1,122 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 공급업체 + 담당자 저장 (원본: admin/saveSupMgmtInfo.do)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objid;
+  const objid = isNew ? createObjectId() : String(body.objid);
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    if (isNew) {
+      await client.query(
+        `INSERT INTO admin_supply_mng
+          (objid, supply_code, supply_name, area_cd, charge_user_name,
+           bus_reg_no, reg_no, supply_busname, supply_stockname, supply_address,
+           supply_tel_no, email, office_no, supply_fax_no,
+           reg_id, reg_date, status)
+         VALUES ($1::numeric, $2,$3,$4,$5, $6,$7,$8,$9,$10, $11,$12,$13,$14,
+                 $15, now(), 'active')`,
+        [
+          objid,
+          body.supply_code || "",
+          body.supply_name || "",
+          body.area_cd || "",
+          body.charge_user_name || "",
+          body.bus_reg_no || "",
+          body.reg_no || "",
+          body.supply_busname || "",
+          body.supply_stockname || "",
+          body.supply_address || "",
+          body.supply_tel_no || "",
+          body.email || "",
+          body.office_no || "",
+          body.supply_fax_no || "",
+          user.userId,
+        ]
+      );
+    } else {
+      await client.query(
+        `UPDATE admin_supply_mng SET
+           supply_code = $2,
+           supply_name = $3,
+           area_cd = $4,
+           charge_user_name = $5,
+           bus_reg_no = $6,
+           reg_no = $7,
+           supply_busname = $8,
+           supply_stockname = $9,
+           supply_address = $10,
+           supply_tel_no = $11,
+           email = $12,
+           office_no = $13,
+           supply_fax_no = $14
+         WHERE objid::text = $1`,
+        [
+          objid,
+          body.supply_code || "",
+          body.supply_name || "",
+          body.area_cd || "",
+          body.charge_user_name || "",
+          body.bus_reg_no || "",
+          body.reg_no || "",
+          body.supply_busname || "",
+          body.supply_stockname || "",
+          body.supply_address || "",
+          body.supply_tel_no || "",
+          body.email || "",
+          body.office_no || "",
+          body.supply_fax_no || "",
+        ]
+      );
+    }
+
+    // 담당자 전체 재작성 (원본과 동일하게 supply_objid 기준 delete + insert)
+    await client.query(`DELETE FROM supply_charger_mng WHERE supply_objid = $1`, [objid]);
+    type Charger = {
+      charger_type?: string;
+      charger_name?: string;
+      phone?: string;
+      tel?: string;
+      fax?: string;
+      email?: string;
+    };
+    const chargers: Charger[] = Array.isArray(body.chargers) ? body.chargers : [];
+    for (const c of chargers) {
+      if (!c.charger_name && !c.charger_type && !c.phone && !c.tel && !c.email) continue;
+      await client.query(
+        `INSERT INTO supply_charger_mng
+           (objid, supply_objid, charger_type, charger_name, phone, tel, fax, email, writer, regdate)
+         VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, now())`,
+        [
+          createObjectId(),
+          objid,
+          c.charger_type || "",
+          c.charger_name || "",
+          c.phone || "",
+          c.tel || "",
+          c.fax || "",
+          c.email || "",
+          user.userId,
+        ]
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: isNew ? "등록되었습니다." : "수정되었습니다.", objid });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Supply save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/admin/template/route.ts b/src/app/api/admin/template/route.ts
new file mode 100644
index 0000000..0fa12da
--- /dev/null
+++ b/src/app/api/admin/template/route.ts
@@ -0,0 +1,53 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 템플릿 관리 (admin/templateList.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.title) {
+    conditions.push(`T.title LIKE '%' || $${idx++} || '%'`);
+    params.push(body.title);
+  }
+  if (body.template_code) {
+    conditions.push(`T.template_code LIKE '%' || $${idx++} || '%'`);
+    params.push(body.template_code);
+  }
+  if (body.status) {
+    conditions.push(`LOWER(COALESCE(T.status, 'active')) = LOWER($${idx++})`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.objid::text AS "OBJID",
+      T.template_code AS "TEMPLATE_CODE",
+      T.template_code_detail AS "TEMPLATE_CODE_DETAIL",
+      T.title AS "TITLE",
+      TO_CHAR(T.reg_date, 'YYYY-MM-DD') AS "REG_DATE",
+      T.status AS "STATUS",
+      CASE WHEN UPPER(COALESCE(T.status,'')) = 'ACTIVE' THEN '활성화'
+           WHEN UPPER(COALESCE(T.status,'')) = 'INACTIVE' THEN '비활성화'
+           ELSE T.status END AS "STATUS_STR"
+    FROM template_mng T
+    WHERE ${where}
+    ORDER BY T.reg_date DESC NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (error) {
+    console.error("템플릿 관리 조회 오류:", error);
+    return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/admin/users/detail/route.ts b/src/app/api/admin/users/detail/route.ts
new file mode 100644
index 0000000..19dcedc
--- /dev/null
+++ b/src/app/api/admin/users/detail/route.ts
@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const client = await pool.connect();
+  try {
+    const result = await client.query(
+      `SELECT user_id AS "user_id", user_name AS "user_name", sabun AS "sabun",
+        dept_code AS "dept_code", dept_name AS "dept_name", position_name AS "position_name",
+        email AS "email", cell_phone AS "cell_phone", user_type AS "user_type",
+        tel AS "tel", TO_CHAR(regdate, 'YYYY-MM-DD') AS "regdate"
+       FROM user_info WHERE user_id = $1`,
+      [body.userId || ""]
+    );
+    return NextResponse.json({ success: true, data: result.rows[0] || null });
+  } catch (e) {
+    console.error("User detail:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/admin/users/route.ts b/src/app/api/admin/users/route.ts
new file mode 100644
index 0000000..35bcf5a
--- /dev/null
+++ b/src/app/api/admin/users/route.ts
@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 사용자관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.user_name) {
+    conditions.push(`U.user_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.user_name);
+  }
+  if (body.dept_name) {
+    conditions.push(`U.dept_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.dept_name);
+  }
+  if (body.user_type) {
+    conditions.push(`U.user_type = $${idx++}`);
+    params.push(body.user_type);
+  }
+  if (body.status) {
+    conditions.push(`COALESCE(U.status, 'active') = $${idx++}`);
+    params.push(body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT U.user_id AS "USER_ID", U.user_name AS "USER_NAME", U.dept_name AS "DEPT_NAME",
+      U.sabun AS "SABUN", U.position_name AS "POSITION_NAME", U.email AS "EMAIL",
+      U.cell_phone AS "CELL_PHONE", U.tel AS "TEL", U.user_type_name AS "USER_TYPE_NAME",
+      TO_CHAR(U.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(U.status, 'active') AS "STATUS",
+      COALESCE((SELECT STRING_AGG(AM.auth_name, ',') FROM authority_sub_user ASU JOIN authority_master AM ON AM.objid = ASU.master_objid WHERE ASU.user_id = U.user_id), '') AS "AUTH_NAME"
+    FROM user_info U
+    WHERE ${where}
+    ORDER BY U.dept_name, U.user_name
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/admin/users/save/route.ts b/src/app/api/admin/users/save/route.ts
new file mode 100644
index 0000000..38a3567
--- /dev/null
+++ b/src/app/api/admin/users/save/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { encrypt } from "@/lib/encrypt";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = body.actionType === "regist";
+  const client = await pool.connect();
+  try {
+    if (isNew) {
+      const encPassword = encrypt(body.password || "1234");
+      await client.query(
+        `INSERT INTO user_info (user_id, user_name, sabun, dept_code, dept_name, position_name,
+          email, cell_phone, user_type, user_password, tel, regdate)
+         VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, now())
+         ON CONFLICT (user_id) DO UPDATE SET
+          user_name=EXCLUDED.user_name, sabun=EXCLUDED.sabun,
+          dept_code=EXCLUDED.dept_code, dept_name=EXCLUDED.dept_name,
+          position_name=EXCLUDED.position_name, email=EXCLUDED.email,
+          cell_phone=EXCLUDED.cell_phone, user_type=EXCLUDED.user_type,
+          tel=EXCLUDED.tel`,
+        [body.user_id || "", body.user_name || "", body.sabun || "",
+         body.dept_code || "", body.dept_name || "", body.position_name || "",
+         body.email || "", body.cell_phone || "", body.user_type || "",
+         encPassword, body.tel || ""]
+      );
+    } else {
+      // Update without changing password
+      await client.query(
+        `UPDATE user_info SET
+          user_name=$1, sabun=$2, dept_code=$3, dept_name=$4,
+          position_name=$5, email=$6, cell_phone=$7, user_type=$8, tel=$9
+         WHERE user_id=$10`,
+        [body.user_name || "", body.sabun || "", body.dept_code || "",
+         body.dept_name || "", body.position_name || "", body.email || "",
+         body.cell_phone || "", body.user_type || "", body.tel || "",
+         body.user_id || ""]
+      );
+    }
+    return NextResponse.json({ success: true, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("User save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/approval/approve/route.ts b/src/app/api/approval/approve/route.ts
new file mode 100644
index 0000000..26efefa
--- /dev/null
+++ b/src/app/api/approval/approve/route.ts
@@ -0,0 +1,89 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { updateTargetStatus } from "@/lib/approval-target";
+
+// 결재 승인 (approval.xml: setInboxtaskResult + getNextApprovalObjId +
+//   setNextInboxtaskStatus + getNotCompleteInboxtaskCnt + completeRoute + completeApproval 대응)
+// 원본 ApprovalService.setApprovalResult + completeRouteInfo
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const inboxObjId = body.inboxObjId;
+  if (!inboxObjId) return NextResponse.json({ success: false, message: "inboxObjId 필요" });
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1. 현재 결재자 검증
+    const cur = await client.query(
+      `SELECT IT.*, A.target_objid, A.target_type, A.objid AS approval_objid, R.objid AS route_objid
+       FROM inboxtask IT
+       JOIN approval A ON A.objid = IT.approval_objid
+       LEFT JOIN route R ON R.objid = IT.route_objid
+       WHERE IT.objid = $1::numeric AND IT.target_user_id = $2 AND IT.status = 'ready'`,
+      [inboxObjId, user.userId]
+    );
+    if (cur.rows.length === 0) {
+      await client.query("ROLLBACK");
+      return NextResponse.json({ success: false, message: "결재 권한이 없거나 이미 처리된 건입니다." });
+    }
+    const task = cur.rows[0];
+
+    // setInboxtaskResult — RESULT='Y' (원본), STATUS='complete'
+    await client.query(
+      `UPDATE inboxtask SET result = 'Y', status = 'complete', proc_date = now(), result_message = $1,
+         sign = $2, sign_width = $3, sign_height = $4
+       WHERE objid = $5::numeric`,
+      [body.message || "", body.sign || null, body.sign_width || null, body.sign_height || null, inboxObjId]
+    );
+
+    // 2. 다음 차례의 normal 결재자가 있는지 — APPROVAL_TYPE='normal' + seq+1
+    // getNextApprovalObjId 대응
+    const next = await client.query(
+      `SELECT objid FROM inboxtask
+       WHERE UPPER(approval_type) = 'NORMAL'
+         AND approval_objid = $1::numeric AND route_objid = $2::numeric
+         AND seq::numeric = $3::numeric + 1`,
+      [task.approval_objid, task.route_objid, task.seq]
+    );
+    if ((next.rowCount ?? 0) > 0) {
+      // 다음 결재자 ready로 변경 (setNextInboxtaskStatus)
+      await client.query(
+        `UPDATE inboxtask SET status = 'ready', regdate = now() WHERE objid = $1::numeric`,
+        [next.rows[0].objid]
+      );
+    }
+
+    // 3. route별 남은 결재자(ready/standby) 없으면 완료 처리
+    // getNotCompleteInboxtaskCnt 대응
+    const remaining = await client.query(
+      `SELECT COUNT(*)::int AS cnt FROM inboxtask
+       WHERE route_objid = $1::numeric AND status IN ('ready', 'standby')`,
+      [task.route_objid]
+    );
+    if (remaining.rows[0].cnt === 0) {
+      // completeRoute + completeApproval
+      await client.query(
+        `UPDATE route SET status = 'complete' WHERE objid = $1::numeric`,
+        [task.route_objid]
+      );
+      await client.query(
+        `UPDATE approval SET status = 'complete', complete_date = now() WHERE objid = $1::numeric`,
+        [task.approval_objid]
+      );
+      // 대상 모듈 approvalComplete (XxxApprovalStatus)
+      await updateTargetStatus(client, task.target_type, String(task.target_objid), "approvalComplete", user.userId);
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "결재 승인되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Approve:", e);
+    return NextResponse.json({ success: false, message: "승인 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/approval/count/route.ts b/src/app/api/approval/count/route.ts
new file mode 100644
index 0000000..dbdafaa
--- /dev/null
+++ b/src/app/api/approval/count/route.ts
@@ -0,0 +1,28 @@
+import { NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// approval/getApprovalCnt.do 대응
+export async function GET() {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ count: 0 });
+
+  try {
+    // 원본 getApprovalCnt: INBOXTASK + APPROVAL + ROUTE JOIN,
+    // SYSTEM_TYPE='PLM' + INBOX.STATUS='READY' + ROUTE.STATUS='inProcess'
+    const result = await queryOne<{ CNT: string }>(
+      `SELECT COUNT(1) AS "CNT"
+       FROM inboxtask INBOX, approval APP, route ROU
+       WHERE INBOX.target_user_id = $1
+         AND INBOX.approval_objid = APP.objid
+         AND INBOX.route_objid = ROU.objid
+         AND APP.system_type = 'PLM'
+         AND UPPER(INBOX.status) = 'READY'
+         AND ROU.status = 'inProcess'`,
+      [user.userId]
+    );
+    return NextResponse.json({ count: Number(result?.CNT || 0) });
+  } catch {
+    return NextResponse.json({ count: 0 });
+  }
+}
diff --git a/src/app/api/approval/detail/route.ts b/src/app/api/approval/detail/route.ts
new file mode 100644
index 0000000..84c4ac5
--- /dev/null
+++ b/src/app/api/approval/detail/route.ts
@@ -0,0 +1,67 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 결재 상세 + 결재선 (getApprovalLine 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  // 원본 getRouteInfo 대응 — APPROVAL-NNNN/ROUTE-NNNN 번호, 이메일, 부서, reject 제외
+  const info = await queryOne(
+    `SELECT A.objid::text AS "OBJID", A.target_objid AS "TARGET_OBJID",
+       A.target_type AS "TARGET_TYPE",
+       A.approval_seq AS "APPROVAL_SEQ",
+       'APPROVAL-' || LPAD(A.approval_seq::text, 4, '0') AS "APPROVAL_NO",
+       A.status AS "STATUS",
+       R.objid::text AS "ROUTE_OBJID",
+       R.route_seq AS "ROUTE_SEQ",
+       'ROUTE-' || LPAD(R.route_seq::text, 4, '0') AS "ROUTE_NO",
+       R.approval_title AS "TITLE", R.approval_desc AS "DESCRIPTION",
+       R.writer AS "WRITER",
+       COALESCE((SELECT email FROM user_info WHERE user_id = R.writer LIMIT 1), '') AS "EMAIL",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = R.writer LIMIT 1), R.writer) AS "WRITER_NAME",
+       COALESCE((SELECT dept_name FROM user_info WHERE user_id = R.writer LIMIT 1), '') AS "DEPT_NAME",
+       TO_CHAR(A.regdate, 'YYYY-MM-DD HH24:MI') AS "REGDATE",
+       TO_CHAR(A.complete_date, 'YYYY-MM-DD HH24:MI') AS "COMPLETE_DATE"
+     FROM approval A
+     LEFT JOIN route R ON R.approval_objid = A.objid AND R.status != 'reject'
+     WHERE A.objid::text = $1
+     ORDER BY R.regdate DESC LIMIT 1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  // 결재선 (INBOXTASK)
+  const line = await queryRows(
+    `SELECT IT.objid::text AS "OBJID", IT.seq AS "SEQ",
+       IT.target_user_id AS "USER_ID",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = IT.target_user_id LIMIT 1), IT.target_user_id) AS "USER_NAME",
+       COALESCE((SELECT dept_name FROM user_info WHERE user_id = IT.target_user_id LIMIT 1), '') AS "DEPT_NAME",
+       IT.approval_type AS "APPROVAL_TYPE",
+       IT.status AS "STATUS",
+       CASE IT.status
+         WHEN 'ready' THEN '대기중'
+         WHEN 'standby' THEN '대기'
+         WHEN 'complete' THEN '승인'
+         WHEN 'reject' THEN '반려'
+         WHEN 'cancel' THEN '취소'
+         ELSE IT.status END AS "STATUS_NAME",
+       TO_CHAR(IT.proc_date, 'YYYY-MM-DD HH24:MI') AS "PROC_DATE",
+       IT.result_message AS "RESULT_MESSAGE"
+     FROM inboxtask IT
+     WHERE IT.approval_objid::text = $1
+     ORDER BY IT.seq::numeric`, [objId]
+  );
+
+  // 현재 사용자가 결재자인지 확인
+  const myTask = line.find((l: Record<string, unknown>) =>
+    l.USER_ID === user.userId && (l.STATUS === "ready")
+  );
+
+  return NextResponse.json({
+    success: true, data: info, LINE: line,
+    canApprove: !!myTask, myInboxObjId: myTask?.OBJID || null,
+  });
+}
diff --git a/src/app/api/approval/line-history/route.ts b/src/app/api/approval/line-history/route.ts
new file mode 100644
index 0000000..58a3e4c
--- /dev/null
+++ b/src/app/api/approval/line-history/route.ts
@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 동일 target_objid 에 대한 결재번호/이력 목록 (approvalDetail.jsp 의 routeNo 드롭다운)
+// 상신 → 반려 → 재상신 흐름 시 이전 라우트들을 보존하므로 여러 건 존재 가능
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { targetObjId, approvalObjId } = await request.json();
+  if (!targetObjId && !approvalObjId) {
+    return NextResponse.json({ success: false, message: "targetObjId 또는 approvalObjId 필요" });
+  }
+
+  // targetObjId 가 있으면 같은 target 의 모든 route 이력
+  // approvalObjId 만 있으면 같은 approval 의 모든 route 이력
+  const sql = targetObjId
+    ? `SELECT R.objid::text AS "ROUTE_OBJID",
+              A.objid::text AS "APPROVAL_OBJID",
+              'APPROVAL-' || LPAD(A.approval_seq::text, 4, '0') AS "APPROVAL_NO",
+              'ROUTE-' || LPAD(R.route_seq::text, 4, '0') AS "ROUTE_NO",
+              R.status AS "STATUS",
+              R.approval_title AS "TITLE",
+              TO_CHAR(R.regdate, 'YYYY-MM-DD HH24:MI') AS "REGDATE"
+         FROM approval A
+         JOIN route R ON R.approval_objid = A.objid
+        WHERE A.target_objid = $1::numeric
+        ORDER BY R.regdate DESC`
+    : `SELECT R.objid::text AS "ROUTE_OBJID",
+              A.objid::text AS "APPROVAL_OBJID",
+              'APPROVAL-' || LPAD(A.approval_seq::text, 4, '0') AS "APPROVAL_NO",
+              'ROUTE-' || LPAD(R.route_seq::text, 4, '0') AS "ROUTE_NO",
+              R.status AS "STATUS",
+              R.approval_title AS "TITLE",
+              TO_CHAR(R.regdate, 'YYYY-MM-DD HH24:MI') AS "REGDATE"
+         FROM approval A
+         JOIN route R ON R.approval_objid = A.objid
+        WHERE A.objid = $1::numeric
+        ORDER BY R.regdate DESC`;
+
+  const rows = await queryRows(sql, [String(targetObjId || approvalObjId)]);
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/approval/reject/route.ts b/src/app/api/approval/reject/route.ts
new file mode 100644
index 0000000..62386b7
--- /dev/null
+++ b/src/app/api/approval/reject/route.ts
@@ -0,0 +1,70 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { updateTargetStatus } from "@/lib/approval-target";
+
+// 결재 반려 (approval.xml: setInboxtaskResult + cancelInboxtask +
+//   updateRouteStatus + changeApprovalStatus 대응)
+// 원본 ApprovalService.rejectRouteInfo
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const inboxObjId = body.inboxObjId;
+  if (!inboxObjId) return NextResponse.json({ success: false, message: "inboxObjId 필요" });
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    const cur = await client.query(
+      `SELECT IT.*, A.target_objid, A.target_type
+       FROM inboxtask IT
+       JOIN approval A ON A.objid = IT.approval_objid
+       WHERE IT.objid = $1::numeric AND IT.target_user_id = $2 AND IT.status = 'ready'`,
+      [inboxObjId, user.userId]
+    );
+    if (cur.rows.length === 0) {
+      await client.query("ROLLBACK");
+      return NextResponse.json({ success: false, message: "결재 권한이 없거나 이미 처리된 건입니다." });
+    }
+    const task = cur.rows[0];
+
+    // setInboxtaskResult — RESULT='N'(반려)
+    await client.query(
+      `UPDATE inboxtask SET result = 'N', status = 'reject', proc_date = now(), result_message = $1,
+         sign = $2, sign_width = $3, sign_height = $4
+       WHERE objid = $5::numeric`,
+      [body.message || "", body.sign || null, body.sign_width || null, body.sign_height || null, inboxObjId]
+    );
+
+    // cancelInboxtask — 해당 route의 reject/complete 아닌 건을 cancel
+    await client.query(
+      `UPDATE inboxtask SET status = 'cancel'
+       WHERE status NOT IN ('complete', 'reject') AND route_objid = $1::numeric`,
+      [task.route_objid]
+    );
+
+    // updateRouteStatus — reject
+    await client.query(
+      `UPDATE route SET status = 'reject' WHERE objid = $1::numeric`,
+      [task.route_objid]
+    );
+    // changeApprovalStatus — reject
+    await client.query(
+      `UPDATE approval SET status = 'reject', complete_date = now() WHERE objid = $1::numeric`,
+      [task.approval_objid]
+    );
+
+    // 대상 모듈 상태 반려 (XxxApprovalStatus)
+    await updateTargetStatus(client, task.target_type, String(task.target_objid), "reject", user.userId);
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "결재 반려되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Reject:", e);
+    return NextResponse.json({ success: false, message: "반려 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/approval/request/route.ts b/src/app/api/approval/request/route.ts
new file mode 100644
index 0000000..0a4fd34
--- /dev/null
+++ b/src/app/api/approval/request/route.ts
@@ -0,0 +1,95 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+import { updateTargetStatus } from "@/lib/approval-target";
+
+// 결재상신 (approval.xml: insertApprovalInfo + createRouteInfo + createInboxTaskInfo 대응)
+// 원본 ApprovalService.createApprovalInfo() 로직 포팅
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  if (!body.target_objid || !body.target_type) {
+    return NextResponse.json({ success: false, message: "결재 대상과 유형이 필요합니다." });
+  }
+  const approvers: { user_id: string; approval_type?: string }[] = body.approvers || [];
+  if (approvers.length === 0) {
+    return NextResponse.json({ success: false, message: "결재자를 지정하세요." });
+  }
+
+  const systemType = body.system_type || "PLM";
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1. APPROVAL 생성/재사용 — APPROVAL_SEQ 자동증가 (SELECT MAX+1)
+    let approvalObjId: string;
+    const existing = await client.query(
+      `SELECT objid::text AS objid FROM approval
+       WHERE target_objid = $1::numeric AND system_type = $2 AND status != 'complete'
+       ORDER BY regdate DESC LIMIT 1`,
+      [body.target_objid, systemType]
+    );
+    if (existing.rows.length > 0) {
+      approvalObjId = existing.rows[0].objid;
+      await client.query(
+        `UPDATE approval SET status = 'inProcess' WHERE objid = $1::numeric`,
+        [approvalObjId]
+      );
+    } else {
+      approvalObjId = createObjectId();
+      await client.query(
+        `INSERT INTO approval (objid, target_objid, target_type, approval_seq, system_type, regdate, status)
+         VALUES ($1::numeric, $2::numeric, $3,
+           (SELECT COALESCE(MAX(approval_seq::numeric) + 1, 1) FROM approval),
+           $4, now(), 'inProcess')`,
+        [approvalObjId, body.target_objid, body.target_type, systemType]
+      );
+    }
+
+    // 2. ROUTE 생성 — ROUTE_SEQ 자동증가
+    const routeObjId = createObjectId();
+    await client.query(
+      `INSERT INTO route (objid, target_objid, approval_objid, route_seq,
+         approval_title, approval_desc, system_type, writer, regdate, status)
+       VALUES ($1::numeric, $2::numeric, $3::numeric,
+         (SELECT COALESCE(MAX(route_seq::numeric) + 1, 1) FROM route),
+         $4, $5, $6, $7, now(), 'inProcess')`,
+      [routeObjId, body.target_objid, approvalObjId,
+       body.approval_title || "결재 요청", body.approval_desc || "", systemType, user.userId]
+    );
+
+    // 3. INBOXTASK — normal 순차(1st=ready, 나머지=standby), help/ref=즉시 ready
+    for (let i = 0; i < approvers.length; i++) {
+      const a = approvers[i];
+      const approvalType = a.approval_type || "normal";
+      const isFirstNormal = approvalType === "normal" && i === 0;
+      const isHelpOrRef = approvalType === "help" || approvalType === "ref";
+      const status = (isFirstNormal || isHelpOrRef) ? "ready" : "standby";
+      await client.query(
+        `INSERT INTO inboxtask (objid, seq, approval_type, target_objid, approval_objid, route_objid,
+           target_user_id, regdate, status)
+         VALUES ($1::numeric, $2, $3, $4::numeric, $5::numeric, $6::numeric, $7, now(), $8)`,
+        [createObjectId(), i + 1, approvalType, body.target_objid,
+         approvalObjId, routeObjId, a.user_id, status]
+      );
+    }
+
+    // 4. 대상 모듈 상태 업데이트 (XxxApprovalStatus 쿼리 대응)
+    await updateTargetStatus(client, body.target_type, body.target_objid, "approvalRequest", user.userId);
+
+    await client.query("COMMIT");
+    return NextResponse.json({
+      success: true, approvalObjId, routeObjId, message: "결재상신되었습니다.",
+    });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Approval request:", e);
+    return NextResponse.json({ success: false, message: "결재상신 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/approval/route.ts b/src/app/api/approval/route.ts
new file mode 100644
index 0000000..36e540f
--- /dev/null
+++ b/src/app/api/approval/route.ts
@@ -0,0 +1,106 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 결재함 목록 (selectApprovalList 대응)
+// status: PENDING(ready/standby) | APPROVED(complete) | REJECTED(reject) | "" (전체)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const systemType = body.system_type || "PLM";
+  const conditions: string[] = [
+    "A.objid = R.approval_objid",
+    "A.system_type = $1",
+    "IT.approval_objid = A.objid",
+    "IT.route_objid = R.objid",
+  ];
+  const params: unknown[] = [systemType];
+  let idx = 2;
+
+  // 원본: target_user_id = connectUserId (내 결재건만, 관리자는 전체)
+  if (!user.isAdmin) {
+    conditions.push(`IT.target_user_id = $${idx++}`);
+    params.push(user.userId);
+  }
+
+  // 원본: status 필터
+  if (body.status === "PENDING") {
+    conditions.push(`UPPER(IT.status) = 'READY'`);
+    conditions.push(`R.status = 'inProcess'`);
+  } else if (body.status === "APPROVED") {
+    conditions.push(`UPPER(A.status) = 'COMPLETE'`);
+  } else if (body.status === "REJECTED") {
+    conditions.push(`UPPER(A.status) = 'REJECT'`);
+  }
+
+  if (body.title) {
+    conditions.push(`UPPER(R.approval_title) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.title);
+  }
+  if (body.writer_name) {
+    conditions.push(`UPPER((SELECT user_name FROM user_info WHERE user_id = R.writer)) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.writer_name);
+  }
+  if (body.from_date) {
+    conditions.push(`R.regdate >= $${idx++}::date`);
+    params.push(body.from_date);
+  }
+  if (body.to_date) {
+    conditions.push(`R.regdate <= $${idx++}::date`);
+    params.push(body.to_date);
+  }
+
+  // 원본 selectApprovalList와 동일한 컬럼 구조 + APPROVAL-NNNN / ROUTE-NNNN 번호
+  const rows = await queryRows(
+    `SELECT
+       A.objid::text AS "OBJID",
+       A.objid::text AS "APPROVAL_OBJID",
+       A.target_objid AS "TARGET_OBJID",
+       A.target_type AS "TARGET_TYPE",
+       A.approval_seq AS "APPROVAL_SEQ",
+       'APPROVAL-' || LPAD(A.approval_seq::text, 4, '0') AS "APPROVAL_NO",
+       A.status AS "APPROVAL_STATUS",
+       TO_CHAR(A.regdate, 'YYYY-MM-DD') AS "APPROVAL_REGDATE",
+       R.objid::text AS "ROUTE_OBJID",
+       R.route_seq AS "ROUTE_SEQ",
+       'ROUTE-' || LPAD(R.route_seq::text, 4, '0') AS "ROUTE_NO",
+       R.approval_title AS "TITLE",
+       R.approval_desc AS "DESCRIPTION",
+       R.writer AS "WRITER",
+       COALESCE((SELECT dept_name FROM user_info WHERE user_id = R.writer LIMIT 1), '') AS "DEPT_NAME",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = R.writer LIMIT 1), R.writer) AS "WRITER_NAME",
+       TO_CHAR(R.regdate, 'YYYY-MM-DD') AS "REGDATE",
+       R.status AS "STATUS",
+       CASE
+         WHEN UPPER(A.status) = 'COMPLETE' THEN '결재완료'
+         WHEN UPPER(A.status) = 'REJECT' THEN '반려'
+         WHEN UPPER(IT.status) = 'READY' THEN '미결재'
+         WHEN UPPER(IT.status) = 'STANDBY' THEN '대기'
+         ELSE A.status END AS "STATUS_NAME",
+       IT.objid::text AS "INBOX_OBJID",
+       IT.seq AS "SEQ",
+       IT.approval_type AS "APPROVAL_TYPE",
+       IT.status AS "INBOX_STATUS",
+       IT.target_user_id AS "TARGET_USER_ID",
+       CASE A.target_type
+         WHEN 'PURCHASE_ORDER' THEN '발주'
+         WHEN 'EXPENSE_APPLY' THEN '경비'
+         WHEN 'MATERIAL_APPLY' THEN '자재'
+         WHEN 'AS_MNG' THEN 'CS/AS'
+         WHEN 'CSM' THEN '고객서비스'
+         WHEN 'ISSUE_RELEASE' THEN '이슈'
+         WHEN 'EO_MNG' THEN '설변(EO)'
+         WHEN 'ECR_MNG' THEN '변경요청(ECR)'
+         WHEN 'SALES_REQUEST' THEN '영업요청'
+         ELSE A.target_type END AS "TYPE_NAME"
+     FROM approval A, route R, inboxtask IT
+     WHERE ${conditions.join(" AND ")}
+     ORDER BY R.regdate DESC
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/auth/login/route.ts b/src/app/api/auth/login/route.ts
new file mode 100644
index 0000000..66991d7
--- /dev/null
+++ b/src/app/api/auth/login/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { verifyCredentials } from "@/lib/auth";
+import { createSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const body = await request.json();
+  const { userId, password } = body;
+
+  if (!userId || !password) {
+    return NextResponse.json(
+      { success: false, message: "아이디와 비밀번호를 입력하세요." },
+      { status: 400 }
+    );
+  }
+
+  const result = await verifyCredentials(userId, password);
+
+  if (!result.success || !result.user) {
+    return NextResponse.json(
+      { success: false, message: result.error },
+      { status: 401 }
+    );
+  }
+
+  await createSession(result.user);
+
+  return NextResponse.json({ success: true, user: result.user });
+}
diff --git a/src/app/api/auth/logout/route.ts b/src/app/api/auth/logout/route.ts
new file mode 100644
index 0000000..ce5eafc
--- /dev/null
+++ b/src/app/api/auth/logout/route.ts
@@ -0,0 +1,7 @@
+import { NextResponse } from "next/server";
+import { destroySession } from "@/lib/session";
+
+export async function POST() {
+  await destroySession();
+  return NextResponse.json({ success: true });
+}
diff --git a/src/app/api/auth/me/route.ts b/src/app/api/auth/me/route.ts
new file mode 100644
index 0000000..7ce7d92
--- /dev/null
+++ b/src/app/api/auth/me/route.ts
@@ -0,0 +1,10 @@
+import { NextResponse } from "next/server";
+import { getSession } from "@/lib/session";
+
+export async function GET() {
+  const user = await getSession();
+  if (!user) {
+    return NextResponse.json({ success: false }, { status: 401 });
+  }
+  return NextResponse.json({ success: true, user });
+}
diff --git a/src/app/api/common/bom-part-list/route.ts b/src/app/api/common/bom-part-list/route.ts
new file mode 100644
index 0000000..b6513c9
--- /dev/null
+++ b/src/app/api/common/bom-part-list/route.ts
@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// BOM 등록된 프로젝트/유닛의 PART 목록 (common.getBomPartList 대응)
+// 원본 쿼리: common.xml line 3080
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const contractObjId = String(body.contract_objid || body.OBJID || "");
+  const unitCode = String(body.unit_code || body.UNIT_CODE || "");
+  if (!contractObjId || !unitCode) {
+    return NextResponse.json({ RESULTLIST: [] });
+  }
+
+  const rows = await queryRows(
+    `SELECT
+        BPQ.part_no::varchar AS "CODE",
+        (SELECT part_no FROM part_mng O WHERE O.objid::varchar = BPQ.part_no) AS "NAME",
+        (SELECT part_name FROM part_mng O WHERE O.objid::varchar = BPQ.part_no) AS "PART_NAME",
+        (SELECT spec FROM part_mng O WHERE O.objid::varchar = BPQ.part_no) AS "SPEC",
+        (SELECT maker FROM part_mng O WHERE O.objid::varchar = BPQ.part_no) AS "MAKER",
+        (SELECT material FROM part_mng O WHERE O.objid::varchar = BPQ.part_no) AS "MATERIAL",
+        (SELECT (SELECT code_name FROM comm_code CC WHERE CC.code_id = part_type) FROM part_mng O WHERE O.objid::varchar = BPQ.part_no) AS "PART_TYPE"
+      FROM part_bom_report PBR, bom_part_qty BPQ
+      WHERE PBR.objid = BPQ.bom_report_objid::varchar
+        AND PBR.contract_objid = $1
+        AND PBR.unit_code = $2
+`,
+    [contractObjId, unitCode],
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/code-list/route.ts b/src/app/api/common/code-list/route.ts
new file mode 100644
index 0000000..bb40801
--- /dev/null
+++ b/src/app/api/common/code-list/route.ts
@@ -0,0 +1,29 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// common/getCodeList.do 대응 - 공통코드 조회
+// CommonService.bizMakeOptionList → common.getCodeselect 대응
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) {
+    return NextResponse.json({ success: false }, { status: 401 });
+  }
+
+  const body = await request.json();
+  const { codeId } = body;
+
+  if (!codeId) {
+    return NextResponse.json({ success: false, message: "codeId required" }, { status: 400 });
+  }
+
+  const rows = await queryRows(
+    `SELECT code_id AS "CODE_ID", code_name AS "CODE_NAME", objid::text AS "OBJID"
+       FROM comm_code
+      WHERE parent_code_id = $1 AND COALESCE(status, 'active') = 'active'
+      ORDER BY objid`,
+    [codeId],
+  );
+
+  return NextResponse.json({ success: true, data: rows });
+}
diff --git a/src/app/api/common/dept-list/route.ts b/src/app/api/common/dept-list/route.ts
new file mode 100644
index 0000000..657ca3d
--- /dev/null
+++ b/src/app/api/common/dept-list/route.ts
@@ -0,0 +1,19 @@
+import { NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 부서(팀) 목록 (dept_info) - 드롭다운용
+export async function POST() {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const rows = await queryRows(
+    `SELECT D.dept_code AS "DEPT_CODE",
+       D.dept_name AS "DEPT_NAME"
+     FROM dept_info D
+     WHERE COALESCE(D.status, 'active') = 'active'
+     ORDER BY D.dept_code
+`,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/file-upload/route.ts b/src/app/api/common/file-upload/route.ts
new file mode 100644
index 0000000..f8012c1
--- /dev/null
+++ b/src/app/api/common/file-upload/route.ts
@@ -0,0 +1,69 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+import { writeFile, mkdir } from "fs/promises";
+import path from "path";
+
+// common/fileUploadProc.do 대응
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const formData = await request.formData();
+  const file = formData.get("file") as File;
+  const targetObjId = formData.get("targetObjId") as string;
+  const docType = formData.get("docType") as string;
+  const docTypeName = formData.get("docTypeName") as string;
+
+  if (!file) {
+    return NextResponse.json({ success: false, message: "파일이 없습니다." }, { status: 400 });
+  }
+
+  try {
+    const storagePath = process.env.FILE_STORAGE_PATH || "/tmp/fito-files";
+    const dateDir = new Date().toISOString().slice(0, 10).replace(/-/g, "");
+    const uploadDir = path.join(storagePath, dateDir);
+
+    await mkdir(uploadDir, { recursive: true });
+
+    const objId = createObjectId();
+    const extWithDot = path.extname(file.name);
+    const fileExt = extWithDot.startsWith(".") ? extWithDot.slice(1) : extWithDot;
+    const savedFileName = `${objId}${extWithDot}`;
+    const filePath = path.join(uploadDir, savedFileName);
+    const parentTargetObjId = String(formData.get("parentTargetObjId") || "");
+
+    const buffer = Buffer.from(await file.arrayBuffer());
+    await writeFile(filePath, buffer);
+
+    // DB 저장 (attach_file_info) — 원본 common.insertUploadFileInfo 대응
+    await execute(
+      `INSERT INTO ATTACH_FILE_INFO (
+         OBJID, TARGET_OBJID, PARENT_TARGET_OBJID,
+         SAVED_FILE_NAME, REAL_FILE_NAME,
+         DOC_TYPE, DOC_TYPE_NAME,
+         FILE_SIZE, FILE_EXT, FILE_PATH,
+         WRITER, REGDATE, STATUS
+       ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, NOW(), 'Active')`,
+      [
+        objId,
+        targetObjId,
+        parentTargetObjId,
+        savedFileName,
+        file.name,
+        docType,
+        docTypeName,
+        String(file.size),
+        fileExt,
+        `${dateDir}/${savedFileName}`,
+        user.userId,
+      ],
+    );
+
+    return NextResponse.json({ success: true, objId });
+  } catch (error) {
+    console.error("File upload error:", error);
+    return NextResponse.json({ success: false, message: "파일 업로드 실패" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/common/files/delete/route.ts b/src/app/api/common/files/delete/route.ts
new file mode 100644
index 0000000..3dab644
--- /dev/null
+++ b/src/app/api/common/files/delete/route.ts
@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 첨부파일 삭제 (soft delete: status='inactive')
+// body: { objId } 단일 또는 { objIds: string[] } 배열 모두 허용
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const list: string[] = Array.isArray(body.objIds)
+    ? body.objIds.map(String).filter(Boolean)
+    : body.objId
+      ? [String(body.objId)]
+      : [];
+
+  if (list.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 파일을 선택하세요." });
+  }
+
+  try {
+    const ph = list.map((_, i) => `$${i + 1}`).join(",");
+    await execute(
+      `UPDATE attach_file_info SET status = 'inactive' WHERE objid IN (${ph})`,
+      list,
+    );
+    return NextResponse.json({ success: true, message: `${list.length}개 파일이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Files delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/common/files/download/route.ts b/src/app/api/common/files/download/route.ts
new file mode 100644
index 0000000..9aab869
--- /dev/null
+++ b/src/app/api/common/files/download/route.ts
@@ -0,0 +1,57 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { readFile } from "fs/promises";
+import path from "path";
+
+// 첨부파일 다운로드
+export async function GET(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const url = new URL(request.url);
+  const objId = url.searchParams.get("objId") || "";
+  const inline = url.searchParams.get("inline") === "1";
+  if (!objId) {
+    return NextResponse.json({ success: false, message: "objId 누락" }, { status: 400 });
+  }
+
+  const row = await queryOne<{ REAL_FILE_NAME: string; SAVED_FILE_NAME: string; FILE_PATH: string }>(
+    `SELECT real_file_name AS "REAL_FILE_NAME",
+      saved_file_name AS "SAVED_FILE_NAME",
+      file_path AS "FILE_PATH"
+     FROM attach_file_info WHERE objid = $1`,
+    [objId]
+  );
+  if (!row) {
+    return NextResponse.json({ success: false, message: "파일을 찾을 수 없습니다." }, { status: 404 });
+  }
+
+  const storagePath = process.env.FILE_STORAGE_PATH || "/tmp/fito-files";
+  const fullPath = path.join(storagePath, row.FILE_PATH);
+
+  try {
+    const buf = await readFile(fullPath);
+    const body = new Uint8Array(buf);
+    const ext = (row.REAL_FILE_NAME.split(".").pop() || "").toLowerCase();
+    const mimeMap: Record<string, string> = {
+      png: "image/png", jpg: "image/jpeg", jpeg: "image/jpeg", gif: "image/gif",
+      webp: "image/webp", bmp: "image/bmp", svg: "image/svg+xml",
+      pdf: "application/pdf",
+    };
+    const contentType = inline && mimeMap[ext] ? mimeMap[ext] : "application/octet-stream";
+    const disposition = inline
+      ? `inline; filename*=UTF-8''${encodeURIComponent(row.REAL_FILE_NAME)}`
+      : `attachment; filename*=UTF-8''${encodeURIComponent(row.REAL_FILE_NAME)}`;
+    return new NextResponse(body, {
+      headers: {
+        "Content-Type": contentType,
+        "Content-Disposition": disposition,
+        "Content-Length": String(buf.length),
+      },
+    });
+  } catch (e) {
+    console.error("File download:", e);
+    return NextResponse.json({ success: false, message: "파일을 읽을 수 없습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/common/files/route.ts b/src/app/api/common/files/route.ts
new file mode 100644
index 0000000..bc22be7
--- /dev/null
+++ b/src/app/api/common/files/route.ts
@@ -0,0 +1,37 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 첨부파일 목록 조회 (active만)
+// body: { objId, docType? }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objId = String(body.objId || "");
+  const docType = String(body.docType || "");
+
+  const conditions: string[] = ["target_objid = $1", "UPPER(COALESCE(status,'')) = 'ACTIVE'"];
+  const params: unknown[] = [objId];
+  if (docType) {
+    conditions.push(`doc_type = $${params.length + 1}`);
+    params.push(docType);
+  }
+
+  const rows = await queryRows(
+    `SELECT objid::text AS "OBJID",
+            real_file_name AS "REAL_FILE_NAME",
+            doc_type AS "DOC_TYPE",
+            doc_type_name AS "DOC_TYPE_NAME",
+            file_size AS "FILE_SIZE",
+            TO_CHAR(regdate, 'YYYY-MM-DD') AS "REGDATE",
+            COALESCE((SELECT user_name FROM user_info WHERE user_id = writer LIMIT 1), writer) AS "WRITER_NAME"
+       FROM attach_file_info
+      WHERE ${conditions.join(" AND ")}
+      ORDER BY regdate DESC`,
+    params,
+  );
+
+  return NextResponse.json({ success: true, files: rows });
+}
diff --git a/src/app/api/common/page-auth/route.ts b/src/app/api/common/page-auth/route.ts
new file mode 100644
index 0000000..e8bbff9
--- /dev/null
+++ b/src/app/api/common/page-auth/route.ts
@@ -0,0 +1,43 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// common/getPageAuthInfo.do 대응 - 페이지 권한 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) {
+    return NextResponse.json({ success: false }, { status: 401 });
+  }
+
+  // 관리자는 모든 권한
+  if (user.isAdmin) {
+    return NextResponse.json({
+      CREATE_AUTH_CNT: 1,
+      READ_AUTH_CNT: 1,
+      UPDATE_AUTH_CNT: 1,
+      DELETE_AUTH_CNT: 1,
+    });
+  }
+
+  const body = await request.json();
+  const { menuObjId } = body;
+
+  const result = await queryOne(
+    `SELECT
+       COALESCE(SUM(CASE WHEN RMA.AUTH_TYPE = 'CREATE' THEN 1 ELSE 0 END), 0) AS CREATE_AUTH_CNT,
+       COALESCE(SUM(CASE WHEN RMA.AUTH_TYPE = 'READ' THEN 1 ELSE 0 END), 0) AS READ_AUTH_CNT,
+       COALESCE(SUM(CASE WHEN RMA.AUTH_TYPE = 'UPDATE' THEN 1 ELSE 0 END), 0) AS UPDATE_AUTH_CNT,
+       COALESCE(SUM(CASE WHEN RMA.AUTH_TYPE = 'DELETE' THEN 1 ELSE 0 END), 0) AS DELETE_AUTH_CNT
+     FROM REL_MENU_AUTH RMA
+     JOIN AUTHORITY_SUB_USER ASU ON RMA.AUTH_OBJID = ASU.MASTER_OBJID
+     WHERE RMA.MENU_OBJID = $1 AND ASU.USER_ID = $2`,
+    [menuObjId, user.userId]
+  );
+
+  return NextResponse.json(result || {
+    CREATE_AUTH_CNT: 0,
+    READ_AUTH_CNT: 0,
+    UPDATE_AUTH_CNT: 0,
+    DELETE_AUTH_CNT: 0,
+  });
+}
diff --git a/src/app/api/common/product-list/route.ts b/src/app/api/common/product-list/route.ts
new file mode 100644
index 0000000..db7ce54
--- /dev/null
+++ b/src/app/api/common/product-list/route.ts
@@ -0,0 +1,19 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 양산제품코드 목록 (product_mgmt) - 드롭다운용
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const rows = await queryRows(
+    `SELECT objid::text AS "OBJID",
+       product_code AS "PRODUCT_CODE",
+       product_code AS "NAME"
+     FROM product_mgmt
+     ORDER BY product_code
+`,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/project-list/route.ts b/src/app/api/common/project-list/route.ts
new file mode 100644
index 0000000..097f258
--- /dev/null
+++ b/src/app/api/common/project-list/route.ts
@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트 목록 (project_mgmt) - 드롭다운용
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.customer_cd) {
+    conditions.push(`P.customer_objid::text = $${idx++}`);
+    params.push(body.customer_cd);
+  }
+
+  const where = conditions.join(" AND ");
+  const rows = await queryRows(
+    `SELECT P.objid::text AS "OBJID",
+       P.project_no AS "PROJECT_NO",
+       P.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+       COALESCE(P.project_no, '') || ' - ' || COALESCE(P.customer_project_name, '') AS "LABEL"
+     FROM project_mgmt P
+     WHERE ${where}
+     ORDER BY P.regdate DESC
+`,
+    params,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/project-release-info/route.ts b/src/app/api/common/project-release-info/route.ts
new file mode 100644
index 0000000..507dbd0
--- /dev/null
+++ b/src/app/api/common/project-release-info/route.ts
@@ -0,0 +1,25 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트 선택 시 고객사/셋업지/출고일 자동 조회 (releaseMgmt.getReleaseMgmtList 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { projectObjId } = await request.json();
+  if (!projectObjId) return NextResponse.json({ success: false, message: "projectObjId required" });
+
+  const row = await queryOne(
+    `SELECT (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid) AS "CUSTOMER_NAME",
+            CM.setup AS "SETUP",
+            RM.release_date AS "RELEASE_DATE"
+       FROM project_mgmt CM
+       LEFT JOIN release_mgmt RM ON CM.objid = RM.parent_objid
+      WHERE CM.objid = $1
+      LIMIT 1`,
+    [String(projectObjId)]
+  );
+
+  return NextResponse.json({ success: true, data: row || {} });
+}
diff --git a/src/app/api/common/supply-list/route.ts b/src/app/api/common/supply-list/route.ts
new file mode 100644
index 0000000..f610960
--- /dev/null
+++ b/src/app/api/common/supply-list/route.ts
@@ -0,0 +1,32 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 거래처/고객사 목록 (원본: common.getsupplyselect → SUPPLY_MNG)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ RESULTLIST: [] });
+
+  const body = await request.json().catch(() => ({}));
+  const conditions: string[] = ["supply_code != '0000269'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.CHARGER_TYPE) {
+    conditions.push(`charger_type = $${idx++}`);
+    params.push(body.CHARGER_TYPE);
+  }
+
+  const rows = await queryRows(
+    `SELECT objid::text AS "OBJID",
+       supply_name AS "SUPPLY_NAME",
+       supply_code AS "SUPPLY_CODE",
+       COALESCE(status, 'A') AS "STATUS"
+     FROM supply_mng
+     WHERE ${conditions.join(" AND ")}
+     ORDER BY supply_name
+`,
+    params,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/unit-list/route.ts b/src/app/api/common/unit-list/route.ts
new file mode 100644
index 0000000..da47d74
--- /dev/null
+++ b/src/app/api/common/unit-list/route.ts
@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 유닛(UNIT) 목록 (pms_wbs_task) - 특정 프로젝트(contract_objid)의 유닛 드롭다운용
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const contractObjId = String(body.contract_objid || body.project_name || "");
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+  if (contractObjId) {
+    conditions.push(`T.contract_objid = $${idx++}`);
+    params.push(contractObjId);
+  }
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT T.objid::text AS "OBJID",
+       T.unit_no AS "UNIT_NO",
+       T.task_name AS "TASK_NAME",
+       COALESCE(T.unit_no, '') || '-' || COALESCE(T.task_name, '') AS "UNIT_NAME"
+     FROM pms_wbs_task T
+     WHERE ${where}
+     ORDER BY T.unit_no NULLS LAST, T.task_name
+`,
+    params,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/upg-list/route.ts b/src/app/api/common/upg-list/route.ts
new file mode 100644
index 0000000..a1bc7bf
--- /dev/null
+++ b/src/app/api/common/upg-list/route.ts
@@ -0,0 +1,31 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// UPG 리스트 (원본: common.getProductUPGNEWselect)
+// PRODUCT_MGMT_OBJID 기준 UPG 콤보박스 옵션
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ RESULTLIST: [] });
+
+  const body = await request.json().catch(() => ({}));
+  const productMgmtObjId = String(body.PRODUCT_MGMT_OBJID || body.product_mgmt_objid || "");
+  if (!productMgmtObjId) return NextResponse.json({ RESULTLIST: [] });
+
+  const rows = await queryRows(
+    `SELECT DISTINCT
+       PMUD.upg_code || '-' ||
+         (SELECT product_code FROM product_mgmt PM WHERE PM.objid = PMUD.product_objid) ||
+         '-' || PMUD.vc AS "CODE",
+       COALESCE(
+         (SELECT code_name FROM comm_code CC WHERE CC.ext_val = PMUD.upg_code LIMIT 1),
+         PMUD.upg_name
+       ) AS "NAME"
+     FROM product_mgmt_upg_detail PMUD
+     WHERE PMUD.vc != ''
+       AND PMUD.product_objid = $1::integer
+     ORDER BY "CODE"`,
+    [productMgmtObjId],
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/common/user-list/route.ts b/src/app/api/common/user-list/route.ts
new file mode 100644
index 0000000..74d6a9b
--- /dev/null
+++ b/src/app/api/common/user-list/route.ts
@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 사용자(작업자) 목록 (user_info) - 드롭다운용
+// body.dept_code로 부서 필터 가능
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const conditions: string[] = ["COALESCE(U.status, 'active') = 'active'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.dept_code) {
+    conditions.push(`U.dept_code = $${idx++}`);
+    params.push(body.dept_code);
+  }
+
+  const where = conditions.join(" AND ");
+  const rows = await queryRows(
+    `SELECT U.user_id AS "USER_ID",
+       U.user_name AS "USER_NAME",
+       U.dept_code AS "DEPT_CODE",
+       U.dept_name AS "DEPT_NAME"
+     FROM user_info U
+     WHERE ${where}
+     ORDER BY U.dept_name NULLS LAST, U.user_name
+`,
+    params,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/cost-mgmt/route.ts b/src/app/api/cost-mgmt/route.ts
new file mode 100644
index 0000000..ce873e4
--- /dev/null
+++ b/src/app/api/cost-mgmt/route.ts
@@ -0,0 +1,63 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원가관리 메인 (expenseDashBoardGrid 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["CM.contract_result = '0000964'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(TO_DATE(CM.contract_date, 'YYYY-MM-DD'), 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT CM.objid::text AS "OBJID",
+       CM.contract_no AS "PROJECT_NO",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1), '') AS "PRODUCT_NAME",
+       -- 목표원가 (input_cost_goal)
+       COALESCE((SELECT (COALESCE(NULLIF(material_cost_goal,'')::numeric,0)
+                        + COALESCE(NULLIF(labor_cost_goal,'')::numeric,0)
+                        + COALESCE(NULLIF(expense_cost_goal,'')::numeric,0))
+                 FROM input_cost_goal WHERE contract_objid = CM.objid::text LIMIT 1), 0) AS "TARGET_COST",
+       -- 실적원가 = 재료비 + 노무비 + 경비
+       (COALESCE((SELECT SUM(COALESCE(NULLIF(POP.supply_unit_price,'')::numeric,0))
+                  FROM purchase_order_part POP
+                  JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+                  WHERE POM.contract_mgmt_objid = CM.objid AND POM.status = 'approvalComplete'), 0)
+        + COALESCE((SELECT SUM(COALESCE(NULLIF(amount_payment,'')::numeric,0))
+                    FROM expense_master WHERE project_mgmt_objid = CM.objid::text), 0)
+       ) AS "ACTUAL_COST",
+       TO_CHAR(CM.regdate, 'YYYY-MM-DD') AS "REGDATE"
+     FROM contract_mgmt CM
+     WHERE ${where}
+     ORDER BY CM.regdate DESC
+`,
+    params
+  );
+
+  // JS에서 차이/달성율 계산
+  const result = rows.map((r: Record<string, unknown>) => {
+    const target = Number(r.TARGET_COST || 0);
+    const actual = Number(r.ACTUAL_COST || 0);
+    return {
+      ...r,
+      DIFF_COST: target - actual,
+      ACHIEVE_RATE: target > 0 ? Math.round(actual / target * 100 * 10) / 10 : 0,
+    };
+  });
+
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/cost/expense/route.ts b/src/app/api/cost/expense/route.ts
new file mode 100644
index 0000000..d5b9edc
--- /dev/null
+++ b/src/app/api/cost/expense/route.ts
@@ -0,0 +1,77 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 경비관리 (expenseDashBoardGrid 원본 기반)
+// 주 테이블: project_mgmt. SETTLE_AMOUNT = CARD_USED + CASH_USED - PAYMENT
+// exp_status_cd별: 0001548 조립, 0001549 셋업, 0001629 외주(Turn-key)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    WITH settle AS (
+      SELECT
+        M.project_mgmt_objid,
+        M.exp_status_cd,
+        SUM(COALESCE(NULLIF(D.card_used, '')::numeric, 0)
+          + COALESCE(NULLIF(D.cash_used, '')::numeric, 0)
+          - COALESCE(NULLIF(D.payment, '')::numeric, 0)) AS settle_amount
+      FROM expense_master M
+      LEFT JOIN expense_detail D ON M.expense_master_objid = D.expense_master_objid
+      GROUP BY M.project_mgmt_objid, M.exp_status_cd
+    )
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      COALESCE((SELECT NULLIF(expense_cost_goal,'')::numeric FROM input_cost_goal WHERE contract_objid = T.objid::text LIMIT 1), 0) AS "EXPENSE_COST_GOAL",
+      COALESCE((SELECT settle_amount FROM settle WHERE project_mgmt_objid = T.objid::text AND exp_status_cd = '0001548'), 0) AS "SETTLE_AMOUNT_ASSEMBLE",
+      COALESCE((SELECT settle_amount FROM settle WHERE project_mgmt_objid = T.objid::text AND exp_status_cd = '0001549'), 0) AS "SETTLE_AMOUNT_SETUP",
+      COALESCE((SELECT settle_amount FROM settle WHERE project_mgmt_objid = T.objid::text AND exp_status_cd = '0001629'), 0) AS "SETTLE_AMOUNT_CS",
+      COALESCE((SELECT SUM(settle_amount) FROM settle WHERE project_mgmt_objid = T.objid::text), 0) AS "TOTAL_SETTLE_AMOUNT"
+    FROM project_mgmt T
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+
+  const result = rows.map((r: Record<string, unknown>) => {
+    const goal = Number(r.EXPENSE_COST_GOAL || 0);
+    const total = Number(r.TOTAL_SETTLE_AMOUNT || 0);
+    return {
+      ...r,
+      INPUT_RATE: goal > 0 ? Math.round((total / goal) * 1000) / 10 : 0,
+    };
+  });
+
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/cost/expense/save/route.ts b/src/app/api/cost/expense/save/route.ts
new file mode 100644
index 0000000..3a8dd8f
--- /dev/null
+++ b/src/app/api/cost/expense/save/route.ts
@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 경비신청 저장 (saveExpense 대응, 단순화)
+// body: { actionType, expense_master_objid?, project_mgmt_objid, bus_title, bns_start_date, bns_end_date,
+//         exp_area_cd, exp_status_cd, bus_content, reason, amount_payment, status }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = body.actionType === "regist" || !body.expense_master_objid;
+  const objId = isNew ? createObjectId() : String(body.expense_master_objid);
+  const projectMgmtObjid = String(body.project_mgmt_objid || "").trim() || "0";
+
+  try {
+    // expense_master의 많은 컬럼이 'null::character varying' 기본값이라
+    // 명시적으로 빈 문자열 전달 필요
+    await execute(
+      `INSERT INTO expense_master (
+         expense_master_objid, project_mgmt_objid, expense_id,
+         bus_title, bns_start_date, bns_end_date,
+         exp_status_cd, exp_company_cd, exp_area_cd,
+         vehicel_used, bus_users_id, bus_content, reason, instructions,
+         amount_payment, reg_user_id, reg_date, exp_sort_cd, status
+       ) VALUES ($1,$2,'',$3,$4,$5,$6,'',$7,'',$8,$9,$10,'',$11,$12,TO_CHAR(NOW(),'YYYY-MM-DD'),'',$13)
+       ON CONFLICT (expense_master_objid) DO UPDATE SET
+         project_mgmt_objid = EXCLUDED.project_mgmt_objid,
+         bus_title = EXCLUDED.bus_title,
+         bns_start_date = EXCLUDED.bns_start_date,
+         bns_end_date = EXCLUDED.bns_end_date,
+         exp_status_cd = EXCLUDED.exp_status_cd,
+         exp_area_cd = EXCLUDED.exp_area_cd,
+         bus_content = EXCLUDED.bus_content,
+         reason = EXCLUDED.reason,
+         amount_payment = EXCLUDED.amount_payment`,
+      [
+        objId, projectMgmtObjid,
+        body.bus_title || "", body.bns_start_date || "", body.bns_end_date || "",
+        body.exp_status_cd || "", body.exp_area_cd || "",
+        body.bus_users_id || user.userId, body.bus_content || "", body.reason || "",
+        body.amount_payment || "", user.userId, body.status || "created",
+      ]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (error) {
+    console.error("Expense save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/cost/goal/detail/route.ts b/src/app/api/cost/goal/detail/route.ts
new file mode 100644
index 0000000..c23c689
--- /dev/null
+++ b/src/app/api/cost/goal/detail/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 목표가 단건 조회 + 프로젝트 정보
+// body: { contract_objid } — 실제는 project_mgmt.objid (DB 컬럼명이 오해의 소지 있음)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const pmObjid = String(body.contract_objid || "");
+  if (!pmObjid) return NextResponse.json({ success: true, data: null });
+
+  const row = await queryOne(
+    `SELECT PM.objid::text AS "OBJID",
+            PM.project_no AS "PROJECT_NO",
+            PM.project_name AS "PROJECT_NAME",
+            COALESCE(NULLIF(G.material_cost_goal, ''), '0') AS "MATERIAL_COST_GOAL",
+            COALESCE(NULLIF(G.labor_cost_goal, ''), '0') AS "LABOR_COST_GOAL",
+            COALESCE(NULLIF(G.expense_cost_goal, ''), '0') AS "EXPENSE_COST_GOAL"
+       FROM project_mgmt PM
+       LEFT JOIN input_cost_goal G ON G.contract_objid = PM.objid::text
+      WHERE PM.objid::text = $1`,
+    [pmObjid]
+  );
+  return NextResponse.json({ success: true, data: row || null });
+}
diff --git a/src/app/api/cost/goal/save/route.ts b/src/app/api/cost/goal/save/route.ts
new file mode 100644
index 0000000..84be76b
--- /dev/null
+++ b/src/app/api/cost/goal/save/route.ts
@@ -0,0 +1,54 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 목표가 저장 (procurStandMgmt.saveCostGoalInfo 대응)
+// body: { contract_objid, material_cost_goal, labor_cost_goal, expense_cost_goal }
+// input_cost_goal 테이블에 contract_objid 유니크 제약 없으므로 수동 upsert
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const contractObjid = String(body.contract_objid || "").trim();
+  if (!contractObjid) {
+    return NextResponse.json({ success: false, message: "프로젝트가 선택되지 않았습니다." }, { status: 400 });
+  }
+
+  // 콤마 제거
+  const strip = (v: unknown) => String(v ?? "").replace(/,/g, "");
+  const material = strip(body.material_cost_goal) || "0";
+  const labor = strip(body.labor_cost_goal) || "0";
+  const expense = strip(body.expense_cost_goal) || "0";
+
+  try {
+    const existing = await queryOne<{ OBJID: string }>(
+      `SELECT objid::text AS "OBJID" FROM input_cost_goal WHERE contract_objid = $1 LIMIT 1`,
+      [contractObjid]
+    );
+    if (existing) {
+      await execute(
+        `UPDATE input_cost_goal
+            SET material_cost_goal = $1,
+                labor_cost_goal = $2,
+                expense_cost_goal = $3,
+                writer = $4,
+                regdate = NOW()
+          WHERE objid::text = $5`,
+        [material, labor, expense, user.userId, existing.OBJID]
+      );
+      return NextResponse.json({ success: true, message: "수정되었습니다." });
+    }
+    await execute(
+      `INSERT INTO input_cost_goal
+         (objid, contract_objid, material_cost_goal, labor_cost_goal, expense_cost_goal, writer, regdate)
+       VALUES ($1, $2, $3, $4, $5, $6, NOW())`,
+      [createObjectId(), contractObjid, material, labor, expense, user.userId]
+    );
+    return NextResponse.json({ success: true, message: "등록되었습니다." });
+  } catch (error) {
+    console.error("Cost goal save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/cost/labor/route.ts b/src/app/api/cost/labor/route.ts
new file mode 100644
index 0000000..58933ce
--- /dev/null
+++ b/src/app/api/cost/labor/route.ts
@@ -0,0 +1,106 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 노무비관리 (costTotaltGridList의 LC 노무비 계산 부분 포팅)
+// LABOR_COST_ACTUAL = LABOR_DESIGN_COST + LABOR_ASSEMBLY_COST
+//   설계: PMS_WBS_TASK (design_act_end - design_act_start) × 300000
+//   조립 insourcing: WORK_DIARY dept DPT005/013/023 work_hour/8 × 250000
+//   조립 outsourcing: WORK_DIARY sourcing_type='outsourcing' work_hour/8 × 350000
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    WITH
+      labor_design AS (
+        SELECT contract_objid,
+               (MAX(TO_DATE(NULLIF(design_act_end,''),'YYYY-MM-DD'))
+                - MIN(TO_DATE(NULLIF(design_act_start,''),'YYYY-MM-DD'))) * 300000 AS cost
+          FROM pms_wbs_task
+         WHERE contract_objid IS NOT NULL
+           AND NULLIF(design_act_start,'') IS NOT NULL
+           AND NULLIF(design_act_end,'') IS NOT NULL
+         GROUP BY contract_objid
+      ),
+      labor_in AS (
+        SELECT wd.contract_objid,
+               SUM(COALESCE(NULLIF(wd.work_hour,''),'0')::numeric) AS hour
+          FROM work_diary wd
+          JOIN user_info ui ON ui.user_id = wd.worker_id
+         WHERE wd.status = 'complete'
+           AND wd.contract_objid IS NOT NULL AND wd.contract_objid <> ''
+           AND ui.dept_code IN ('DPT005','DPT023','DPT013')
+         GROUP BY wd.contract_objid
+      ),
+      labor_out AS (
+        SELECT contract_objid,
+               SUM(COALESCE(NULLIF(work_hour,''),'0')::numeric) AS hour
+          FROM work_diary
+         WHERE status = 'complete'
+           AND sourcing_type = 'outsourcing'
+           AND contract_objid IS NOT NULL AND contract_objid <> ''
+         GROUP BY contract_objid
+      )
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      COALESCE(NULLIF(ICG.labor_cost_goal,'')::numeric, 0) AS "LABOR_COST_GOAL",
+      (COALESCE(LBD.cost, 0)
+       + COALESCE(LI.hour, 0) / 8 * 250000
+       + COALESCE(LO.hour, 0) / 8 * 350000) AS "LABOR_COST_ACTUAL",
+      (COALESCE(LI.hour, 0) + COALESCE(LO.hour, 0)) AS "LABOR_HOURS"
+    FROM project_mgmt T
+    LEFT JOIN input_cost_goal ICG ON ICG.contract_objid = T.objid::text
+    LEFT JOIN labor_design LBD ON LBD.contract_objid = T.objid::text
+    LEFT JOIN labor_in LI ON LI.contract_objid = T.objid::text
+    LEFT JOIN labor_out LO ON LO.contract_objid = T.objid::text
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+
+  const result = rows.map((r: Record<string, unknown>) => {
+    const goal = Number(r.LABOR_COST_GOAL || 0);
+    const actual = Number(r.LABOR_COST_ACTUAL || 0);
+    return {
+      ...r,
+      LABOR_INPUT_RATE: goal > 0 ? Math.round((actual / goal) * 1000) / 10 : 0,
+    };
+  });
+
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/cost/material/route.ts b/src/app/api/cost/material/route.ts
new file mode 100644
index 0000000..b29831c
--- /dev/null
+++ b/src/app/api/cost/material/route.ts
@@ -0,0 +1,130 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 재료비관리 (materialCostTotaltGridList 원본 1:1 포팅)
+// ALL_TOTAL_PRICE = BOM + 재발주(0001408) + 장납기
+// NEW_TOTAL_PRICE = 발주(0001407)
+// ALL_TOTAL_PRICE_RE = 재발주(0001408)
+// MATERIAL_COST_GOAL_RATE = ALL_TOTAL_PRICE × 100 / MATERIAL_COST_GOAL
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    WITH RECURSIVE view_bom AS (
+      SELECT pbr.contract_objid, a.bom_report_objid, a.child_objid,
+             1 AS lev, ARRAY[a.child_objid::text] AS path, false AS cycle,
+             COALESCE(NULLIF(a.qty,''),'0')::numeric AS aggregate_qty
+        FROM part_bom_report pbr
+        JOIN bom_part_qty a ON pbr.objid = a.bom_report_objid
+       WHERE (a.parent_objid IS NULL OR a.parent_objid = '')
+      UNION ALL
+      SELECT v.contract_objid, b.bom_report_objid, b.child_objid,
+             v.lev + 1, v.path || b.child_objid::text,
+             b.parent_objid = ANY(v.path),
+             v.aggregate_qty * COALESCE(NULLIF(b.qty,''),'0')::numeric
+        FROM bom_part_qty b
+        JOIN view_bom v ON b.parent_objid = v.child_objid AND v.bom_report_objid = b.bom_report_objid
+       WHERE NOT v.cycle
+    ),
+    bom_material AS (
+      SELECT pbr.contract_objid,
+             SUM((COALESCE(NULLIF(sp.price,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price1,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price2,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price3,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price4,''),'0')::numeric) * v.aggregate_qty) AS total
+        FROM part_bom_report pbr
+        JOIN sales_bom_report sb ON sb.parent_objid = pbr.objid
+        JOIN sales_bom_report_part sp ON sp.parent_objid = pbr.objid
+        JOIN view_bom v ON v.child_objid = sp.bom_part_qty_objid
+       GROUP BY pbr.contract_objid
+    ),
+    new_order AS (
+      SELECT contract_mgmt_objid,
+             SUM(COALESCE(NULLIF(total_supply_unit_price,'')::numeric, 0)) AS total
+        FROM purchase_order_master
+       WHERE status = 'approvalComplete' AND order_type_cd = '0001407'
+         AND contract_mgmt_objid IS NOT NULL
+       GROUP BY contract_mgmt_objid
+    ),
+    re_order AS (
+      SELECT contract_mgmt_objid,
+             SUM(COALESCE(NULLIF(total_supply_unit_price,'')::numeric, 0)) AS total
+        FROM purchase_order_master
+       WHERE status = 'approvalComplete' AND order_type_cd = '0001408'
+         AND contract_mgmt_objid IS NOT NULL
+       GROUP BY contract_mgmt_objid
+    ),
+    long_delivery AS (
+      SELECT li.contract_objid,
+             SUM(NULLIF(li.input_qty,'')::numeric * NULLIF(l.price,'')::numeric) AS total
+        FROM sales_long_delivery_input li
+        JOIN sales_long_delivery l ON l.objid = li.parent_objid
+       WHERE NULLIF(li.input_qty,'') IS NOT NULL
+         AND NULLIF(l.price,'') IS NOT NULL
+       GROUP BY li.contract_objid
+    )
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      COALESCE(NULLIF(ICG.material_cost_goal,'')::numeric, 0) AS "MATERIAL_COST_GOAL",
+      COALESCE(BM.total, 0) + COALESCE(RO.total, 0) + COALESCE(LD.total, 0) AS "ALL_TOTAL_PRICE",
+      COALESCE(NO_.total, 0) AS "NEW_TOTAL_PRICE",
+      COALESCE(RO.total, 0) AS "ALL_TOTAL_PRICE_RE"
+    FROM project_mgmt T
+    LEFT JOIN input_cost_goal ICG ON ICG.contract_objid = T.objid::text
+    LEFT JOIN bom_material BM ON BM.contract_objid = T.objid::text
+    LEFT JOIN new_order NO_ ON NO_.contract_mgmt_objid = T.objid::text
+    LEFT JOIN re_order RO ON RO.contract_mgmt_objid = T.objid::text
+    LEFT JOIN long_delivery LD ON LD.contract_objid = T.objid::text
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+
+  const result = rows.map((r: Record<string, unknown>) => {
+    const goal = Number(r.MATERIAL_COST_GOAL || 0);
+    const actual = Number(r.ALL_TOTAL_PRICE || 0);
+    return {
+      ...r,
+      MATERIAL_COST_GOAL_RATE: goal > 0 ? Math.round((actual / goal) * 1000) / 10 : 0,
+    };
+  });
+
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/cost/status/route.ts b/src/app/api/cost/status/route.ts
new file mode 100644
index 0000000..daed562
--- /dev/null
+++ b/src/app/api/cost/status/route.ts
@@ -0,0 +1,199 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 투입원가현황 (costTotaltGridList 원본 1:1 포팅)
+// 주 테이블: project_mgmt
+// 재료비 실적 = BOM(SALES_BOM_REPORT_PART price × 누적수량) + 재발주(0001408) + 장납기
+// 노무비 실적 = 설계(PMS_WBS_TASK 기간×300K) + 조립(WORK_DIARY DPT005/013/023 work_hour/8*250K + sourcing_type='outsourcing' /8*350K)
+// 경비 실적 = EXPENSE_DETAIL CARD+CASH-PAYMENT
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    WITH RECURSIVE view_bom AS (
+      SELECT pbr.contract_objid,
+             a.bom_report_objid,
+             a.child_objid,
+             1 AS lev,
+             ARRAY[a.child_objid::text] AS path,
+             false AS cycle,
+             COALESCE(NULLIF(a.qty,''),'0')::numeric AS aggregate_qty
+        FROM part_bom_report pbr
+        JOIN bom_part_qty a ON pbr.objid = a.bom_report_objid
+       WHERE (a.parent_objid IS NULL OR a.parent_objid = '')
+      UNION ALL
+      SELECT v.contract_objid,
+             b.bom_report_objid,
+             b.child_objid,
+             v.lev + 1,
+             v.path || b.child_objid::text,
+             b.parent_objid = ANY(v.path),
+             v.aggregate_qty * COALESCE(NULLIF(b.qty,''),'0')::numeric
+        FROM bom_part_qty b
+        JOIN view_bom v ON b.parent_objid = v.child_objid
+                       AND v.bom_report_objid = b.bom_report_objid
+       WHERE NOT v.cycle
+    ),
+    bom_material AS (
+      SELECT pbr.contract_objid,
+             SUM((COALESCE(NULLIF(sp.price,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price1,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price2,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price3,''),'0')::numeric
+                + COALESCE(NULLIF(sp.price4,''),'0')::numeric) * v.aggregate_qty) AS all_total_price
+        FROM part_bom_report pbr
+        JOIN sales_bom_report sb ON sb.parent_objid = pbr.objid
+        JOIN sales_bom_report_part sp ON sp.parent_objid = pbr.objid
+        JOIN view_bom v ON v.child_objid = sp.bom_part_qty_objid
+       GROUP BY pbr.contract_objid
+    ),
+    re_order AS (
+      SELECT contract_mgmt_objid,
+             SUM(COALESCE(NULLIF(total_supply_unit_price,'')::numeric, 0)) AS total
+        FROM purchase_order_master
+       WHERE status = 'approvalComplete' AND order_type_cd = '0001408'
+         AND contract_mgmt_objid IS NOT NULL
+       GROUP BY contract_mgmt_objid
+    ),
+    long_delivery AS (
+      SELECT li.contract_objid,
+             SUM(NULLIF(li.input_qty,'')::numeric * NULLIF(l.price,'')::numeric) AS total
+        FROM sales_long_delivery_input li
+        JOIN sales_long_delivery l ON l.objid = li.parent_objid
+       WHERE NULLIF(li.input_qty,'') IS NOT NULL
+         AND NULLIF(l.price,'') IS NOT NULL
+       GROUP BY li.contract_objid
+    ),
+    labor_design AS (
+      SELECT contract_objid,
+             (MAX(TO_DATE(NULLIF(design_act_end,''),'YYYY-MM-DD'))
+              - MIN(TO_DATE(NULLIF(design_act_start,''),'YYYY-MM-DD'))) * 300000 AS cost
+        FROM pms_wbs_task
+       WHERE contract_objid IS NOT NULL
+         AND NULLIF(design_act_start,'') IS NOT NULL
+         AND NULLIF(design_act_end,'') IS NOT NULL
+       GROUP BY contract_objid
+    ),
+    labor_in AS (
+      SELECT wd.contract_objid,
+             SUM(COALESCE(NULLIF(wd.work_hour,''),'0')::numeric) AS hour
+        FROM work_diary wd
+        JOIN user_info ui ON ui.user_id = wd.worker_id
+       WHERE wd.status = 'complete'
+         AND wd.contract_objid IS NOT NULL AND wd.contract_objid <> ''
+         AND ui.dept_code IN ('DPT005','DPT023','DPT013')
+       GROUP BY wd.contract_objid
+    ),
+    labor_out AS (
+      SELECT contract_objid,
+             SUM(COALESCE(NULLIF(work_hour,''),'0')::numeric) AS hour
+        FROM work_diary
+       WHERE status = 'complete'
+         AND sourcing_type = 'outsourcing'
+         AND contract_objid IS NOT NULL AND contract_objid <> ''
+       GROUP BY contract_objid
+    ),
+    expense_settle AS (
+      SELECT M.project_mgmt_objid,
+             SUM(COALESCE(NULLIF(D.card_used,'')::numeric, 0)
+               + COALESCE(NULLIF(D.cash_used,'')::numeric, 0)
+               - COALESCE(NULLIF(D.payment,'')::numeric, 0)) AS amount
+        FROM expense_master M
+        LEFT JOIN expense_detail D ON M.expense_master_objid = D.expense_master_objid
+       GROUP BY M.project_mgmt_objid
+    )
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      COALESCE(NULLIF(T.contract_price,'')::numeric, 0) AS "CONTRACT_PRICE",
+      COALESCE(NULLIF(ICG.material_cost_goal,'')::numeric, 0) AS "MATERIAL_COST_GOAL",
+      COALESCE(NULLIF(ICG.labor_cost_goal,'')::numeric, 0) AS "LABOR_COST_GOAL",
+      COALESCE(NULLIF(ICG.expense_cost_goal,'')::numeric, 0) AS "EXPENSE_COST_GOAL",
+      (COALESCE(NULLIF(ICG.material_cost_goal,'')::numeric, 0)
+       + COALESCE(NULLIF(ICG.labor_cost_goal,'')::numeric, 0)
+       + COALESCE(NULLIF(ICG.expense_cost_goal,'')::numeric, 0)) AS "TOTAL_COST_GOAL",
+      (COALESCE(BM.all_total_price, 0)
+       + COALESCE(RO.total, 0)
+       + COALESCE(LD.total, 0)) AS "ACCRUAL_MATERIAL_COST",
+      (COALESCE(LBD.cost, 0)
+       + COALESCE(LI.hour, 0) / 8 * 250000
+       + COALESCE(LO.hour, 0) / 8 * 350000) AS "LABOR_COST_ACTUAL",
+      COALESCE(ES.amount, 0) AS "ACCRUAL_EXPENSE"
+    FROM project_mgmt T
+    LEFT JOIN input_cost_goal ICG ON ICG.contract_objid = T.objid::text
+    LEFT JOIN bom_material BM ON BM.contract_objid = T.objid::text
+    LEFT JOIN re_order RO ON RO.contract_mgmt_objid = T.objid::text
+    LEFT JOIN long_delivery LD ON LD.contract_objid = T.objid::text
+    LEFT JOIN labor_design LBD ON LBD.contract_objid = T.objid::text
+    LEFT JOIN labor_in LI ON LI.contract_objid = T.objid::text
+    LEFT JOIN labor_out LO ON LO.contract_objid = T.objid::text
+    LEFT JOIN expense_settle ES ON ES.project_mgmt_objid = T.objid::text
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+
+  // 원본 공식 그대로:
+  // TOTAL_COST_ACTUAL = 재료비실적 + 노무비실적 + 경비실적
+  // TOTAL_INPUT_RATE = TOTAL_ACTUAL / TOTAL_GOAL × 100
+  // MC_RATE = 재료비실적 / TOTAL_GOAL × 100 (실제 원본 SQL: 실투입재료 / 목표합계)
+  // MATERIAL_COST_GOAL_RATE = 재료비실적 / CONTRACT_PRICE × 100
+  // LABOR_INPUT_RATE = 노무비실적 / 노무비목표 × 100
+  // EXPENSE_RATE = 경비실적 / 경비목표 × 100
+  const result = rows.map((r: Record<string, unknown>) => {
+    const tg = Number(r.TOTAL_COST_GOAL || 0);
+    const lg = Number(r.LABOR_COST_GOAL || 0);
+    const eg = Number(r.EXPENSE_COST_GOAL || 0);
+    const ma = Number(r.ACCRUAL_MATERIAL_COST || 0);
+    const la = Number(r.LABOR_COST_ACTUAL || 0);
+    const ea = Number(r.ACCRUAL_EXPENSE || 0);
+    const ta = ma + la + ea;
+    const cp = Number(r.CONTRACT_PRICE || 0);
+    return {
+      ...r,
+      TOTAL_COST_ACTUAL: ta,
+      TOTAL_INPUT_RATE: tg > 0 ? Math.round((ta / tg) * 1000) / 10 : 0,
+      MC_RATE: tg > 0 ? Math.round((ma / tg) * 1000) / 10 : 0,
+      MATERIAL_COST_GOAL_RATE: cp > 0 ? Math.round((ma / cp) * 1000) / 10 : 0,
+      LABOR_INPUT_RATE: lg > 0 ? Math.round((la / lg) * 1000) / 10 : 0,
+      EXPENSE_RATE: eg > 0 ? Math.round((ea / eg) * 1000) / 10 : 0,
+    };
+  });
+
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/cs/chart/route.ts b/src/app/api/cs/chart/route.ts
new file mode 100644
index 0000000..022f89d
--- /dev/null
+++ b/src/app/api/cs/chart/route.ts
@@ -0,0 +1,57 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS 차트 데이터 (getAsTotalList_CS / getASDashboardList 대응)
+// 년도/제품별 CS 건수 집계 + 유/무상 구분
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`A.year = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.product_code) {
+    conditions.push(`A.product_code = $${idx++}`);
+    params.push(body.product_code);
+  }
+
+  const where = conditions.join(" AND ");
+
+  // 제품별 CS 건수 + 유/무상 구분
+  const rows = await queryRows(
+    `SELECT
+       COALESCE(A.product_name, (SELECT code_name FROM comm_code WHERE code_id = A.product_code LIMIT 1), '미분류') AS "PRODUCT_NAME",
+       COUNT(*) AS "TOTAL_CNT",
+       COUNT(CASE WHEN A.paid_free = '유상' OR A.warranty_code = '0000157' THEN 1 END) AS "PAID_CNT",
+       COUNT(CASE WHEN A.paid_free = '무상' OR A.warranty_code = '0000158' THEN 1 END) AS "FREE_CNT",
+       COUNT(CASE WHEN A.status_cd = 'AS_STATUS_03' OR A.status_cd = '0000102' THEN 1 END) AS "COMPLETE_CNT",
+       COUNT(CASE WHEN A.status_cd IS NULL OR (A.status_cd != 'AS_STATUS_03' AND A.status_cd != '0000102') THEN 1 END) AS "INCOMPLETE_CNT",
+       -- 월별 건수 (차트용)
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 1 THEN 1 END) AS "M01",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 2 THEN 1 END) AS "M02",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 3 THEN 1 END) AS "M03",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 4 THEN 1 END) AS "M04",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 5 THEN 1 END) AS "M05",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 6 THEN 1 END) AS "M06",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 7 THEN 1 END) AS "M07",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 8 THEN 1 END) AS "M08",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 9 THEN 1 END) AS "M09",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 10 THEN 1 END) AS "M10",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 11 THEN 1 END) AS "M11",
+       COUNT(CASE WHEN EXTRACT(MONTH FROM A.reg_date) = 12 THEN 1 END) AS "M12"
+     FROM as_mng A
+     WHERE ${where}
+     GROUP BY A.product_code, A.product_name
+     ORDER BY "TOTAL_CNT" DESC`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/cs/manage/approval/route.ts b/src/app/api/cs/manage/approval/route.ts
new file mode 100644
index 0000000..b0d7eb5
--- /dev/null
+++ b/src/app/api/cs/manage/approval/route.ts
@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS 결재상신 처리 — status_cd='approvalRequest' 업데이트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objIds } = await request.json();
+  if (!objIds?.length) return NextResponse.json({ success: false, message: "상신할 항목을 선택하세요." });
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(
+      `UPDATE as_mng SET status_cd = 'approvalRequest' WHERE objid IN (${ph})`,
+      objIds
+    );
+    return NextResponse.json({ success: true, message: `${objIds.length}건 결재상신되었습니다.` });
+  } catch (error) {
+    console.error("CS approval:", error);
+    return NextResponse.json({ success: false, message: "상신 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/cs/manage/delete/route.ts b/src/app/api/cs/manage/delete/route.ts
new file mode 100644
index 0000000..3b32917
--- /dev/null
+++ b/src/app/api/cs/manage/delete/route.ts
@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS관리 삭제 (asDelete 대응) — CSM + 부품/작업시간 + 첨부파일 일괄 삭제
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!objIds?.length) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM customer_service_part WHERE parent_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM customer_service_workingtime WHERE parent_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM attach_file_info WHERE target_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM customer_service_mgmt WHERE objid IN (${ph})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("CS delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/cs/manage/detail/route.ts b/src/app/api/cs/manage/detail/route.ts
new file mode 100644
index 0000000..2a723ba
--- /dev/null
+++ b/src/app/api/cs/manage/detail/route.ts
@@ -0,0 +1,90 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS 단건 조회 (getCSMInfo + getCSPList + getCSWList 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT CSM.objid::text AS "OBJID",
+            CSM.service_no AS "SERVICE_NO",
+            CSM.product AS "PRODUCT",
+            (SELECT code_name FROM comm_code WHERE code_id = CSM.product) AS "PRODUCT_NAME",
+            CSM.contract_objid AS "CONTRACT_OBJID",
+            CSM.cs_category AS "CS_CATEGORY",
+            (SELECT code_name FROM comm_code WHERE code_id = CSM.cs_category) AS "CATEGORY_NAME",
+            CSM.warranty AS "WARRANTY",
+            (SELECT code_name FROM comm_code WHERE code_id = CSM.warranty) AS "WARRANTY_NAME",
+            CSM.manager_id AS "MANAGER_ID",
+            (SELECT user_name FROM user_info WHERE user_id = CSM.manager_id) AS "MANAGER_NAME",
+            CSM.act_date AS "ACT_DATE",
+            CSM.category_h AS "CATEGORY_H",
+            CSM.category_m AS "CATEGORY_M",
+            CSM.category_l AS "CATEGORY_L",
+            (SELECT code_name FROM comm_code WHERE code_id = CSM.category_h) AS "CATEGORY_H_NAME",
+            CSM.title AS "TITLE",
+            CSM.before_contents AS "BEFORE_CONTENTS",
+            CSM.after_contents AS "AFTER_CONTENTS",
+            CSM.writer AS "WRITER",
+            CSM.status AS "STATUS",
+            (SELECT code_name FROM comm_code WHERE code_id = CSM.status) AS "STATUS_NAME",
+            TO_CHAR(CSM.regdate, 'YYYY-MM-DD') AS "REC_DT",
+            CM.project_no AS "PROJECT_NO",
+            CM.customer_objid AS "CUSTOMER_OBJID",
+            (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid) AS "CUSTOMER_NAME",
+            CM.setup AS "SETUP",
+            RM.release_date AS "RELEASE_DATE",
+            APPR.APPR_STATUS AS "APPR_STATUS",
+            APPR.APPR_STATUS_NAME AS "APPR_STATUS_NAME",
+            APPR.APPROVAL_OBJID AS "APPROVAL_OBJID",
+            APPR.ROUTE_OBJID AS "ROUTE_OBJID"
+       FROM customer_service_mgmt CSM
+       LEFT JOIN project_mgmt CM ON CSM.contract_objid = CM.objid
+       LEFT JOIN release_mgmt RM ON CM.objid = RM.parent_objid
+       LEFT JOIN (
+         SELECT B.objid AS ROUTE_OBJID,
+                B.status AS APPR_STATUS,
+                CASE UPPER(B.status)
+                  WHEN 'INPROCESS' THEN '결재중'
+                  WHEN 'COMPLETE'  THEN '결재완료'
+                  WHEN 'REJECT'    THEN '반려'
+                  ELSE '' END AS APPR_STATUS_NAME,
+                A.objid AS APPROVAL_OBJID,
+                A.target_objid
+         FROM approval A,
+              (SELECT T1.* FROM
+                 (SELECT target_objid, MAX(route_seq) AS route_seq FROM route GROUP BY target_objid) T,
+                 route T1
+                WHERE T.target_objid = T1.target_objid AND T.route_seq = T1.route_seq) B
+         WHERE A.objid = B.approval_objid AND A.target_type = 'CSM'
+       ) APPR ON CSM.objid::numeric = APPR.target_objid
+      WHERE CSM.objid = $1`,
+    [objId]
+  );
+
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  const parts = await queryRows(
+    `SELECT objid::text AS "OBJID", parent_objid AS "PARENT_OBJID",
+            part_no AS "PART_NO", part_name AS "PART_NAME", spec AS "SPEC",
+            qty AS "QTY", cur_qty AS "CUR_QTY", price AS "PRICE", sup_price AS "SUP_PRICE"
+       FROM customer_service_part WHERE parent_objid = $1 ORDER BY objid`,
+    [objId]
+  );
+
+  const works = await queryRows(
+    `SELECT objid::text AS "OBJID", parent_objid AS "PARENT_OBJID",
+            supply_objid AS "SUPPLY_OBJID", form_date AS "FORM_DATE", to_date AS "TO_DATE",
+            work_day AS "WORK_DAY", work_person AS "WORK_PERSON", work_day_m AS "WORK_DAY_M",
+            labor_cost AS "LABOR_COST", expenses AS "EXPENSES"
+       FROM customer_service_workingtime WHERE parent_objid = $1 ORDER BY objid`,
+    [objId]
+  );
+
+  return NextResponse.json({ success: true, data: info, parts, works });
+}
diff --git a/src/app/api/cs/manage/route.ts b/src/app/api/cs/manage/route.ts
new file mode 100644
index 0000000..7521119
--- /dev/null
+++ b/src/app/api/cs/manage/route.ts
@@ -0,0 +1,140 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS관리 - 등록 및 조치 목록 (asMngList_CS.jsp + getECRList_CS 대응)
+// FITO: /as/asMngGridList.do → CUSTOMER_SERVICE_MGMT + PROJECT_MGMT + RELEASE_MGMT + CUSTOMER_SERVICE_WORKINGTIME + APPROVAL/ROUTE
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year || body.year) {
+    conditions.push(`TO_CHAR(CSM.regdate,'YYYY') = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  if (body.product_cd) {
+    conditions.push(`CSM.product = $${idx++}`);
+    params.push(body.product_cd);
+  }
+  if (body.project_no) {
+    conditions.push(`CSM.contract_objid = $${idx++}`);
+    params.push(body.project_no);
+  }
+  if (body.project_nos && Array.isArray(body.project_nos) && body.project_nos.length > 0) {
+    const placeholders = body.project_nos.map(() => `$${idx++}`).join(",");
+    conditions.push(`CSM.contract_objid IN (${placeholders})`);
+    params.push(...body.project_nos);
+  }
+  if (body.warranty) {
+    conditions.push(`CSM.warranty = $${idx++}`);
+    params.push(body.warranty);
+  }
+  if (body.category_h) {
+    conditions.push(`CSM.category_h = $${idx++}`);
+    params.push(body.category_h);
+  }
+  if (body.rec_start_date) {
+    conditions.push(`TO_DATE(TO_CHAR(CSM.regdate,'YYYY-MM-DD'),'YYYY-MM-DD') >= TO_DATE($${idx++},'YYYY-MM-DD')`);
+    params.push(body.rec_start_date);
+  }
+  if (body.rec_end_date) {
+    conditions.push(`TO_DATE(TO_CHAR(CSM.regdate,'YYYY-MM-DD'),'YYYY-MM-DD') <= TO_DATE($${idx++},'YYYY-MM-DD')`);
+    params.push(body.rec_end_date);
+  }
+  if (body.manager_id) {
+    conditions.push(`CSM.manager_id = $${idx++}`);
+    params.push(body.manager_id);
+  }
+  if (body.act_start_date) {
+    conditions.push(`TO_DATE(CSM.act_date,'YYYY-MM-DD') >= TO_DATE($${idx++},'YYYY-MM-DD')`);
+    params.push(body.act_start_date);
+  }
+  if (body.act_end_date) {
+    conditions.push(`TO_DATE(CSM.act_date,'YYYY-MM-DD') <= TO_DATE($${idx++},'YYYY-MM-DD')`);
+    params.push(body.act_end_date);
+  }
+  if (body.appr_status) {
+    conditions.push(`APPR.APPR_STATUS = $${idx++}`);
+    params.push(body.appr_status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      CSM.objid::text AS "OBJID",
+      CSM.service_no AS "SERVICE_NO",
+      CSM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.product) AS "PRODUCT_NAME",
+      CSM.contract_objid AS "CONTRACT_OBJID",
+      CSM.cs_category AS "CS_CATEGORY",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.cs_category) AS "CATEGORY_NAME",
+      CSM.warranty AS "WARRANTY",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.warranty) AS "WARRANTY_NAME",
+      CSM.manager_id AS "MANAGER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = CSM.manager_id) AS "MANAGER_NAME",
+      CSM.act_date AS "ACT_DATE",
+      CSM.category_h AS "CATEGORY_H",
+      CSM.category_m AS "CATEGORY_M",
+      CSM.category_l AS "CATEGORY_L",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.category_h) AS "CATEGORY_H_NAME",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.category_m) AS "CATEGORY_M_NAME",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.category_l) AS "CATEGORY_L_NAME",
+      CSM.title AS "TITLE",
+      CSM.writer AS "WRITER",
+      CSM.status AS "STATUS",
+      (SELECT code_name FROM comm_code WHERE code_id = CSM.status) AS "STATUS_NAME",
+      TO_CHAR(CSM.regdate,'YYYY-MM-DD') AS "REC_DT",
+      CM.project_no AS "PROJECT_NO",
+      CM.setup AS "SETUP",
+      CM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid) AS "CUSTOMER_NAME",
+      RM.release_date AS "RELEASE_DATE",
+      CSW.PLAN_COST AS "PLAN_COST",
+      (SELECT COUNT(1) FROM attach_file_info WHERE target_objid = CSM.objid AND doc_type='AS_DOC_01' AND UPPER(status) = 'ACTIVE') AS "CU03_CNT",
+      APPR.APPROVAL_OBJID AS "APPROVAL_OBJID",
+      APPR.ROUTE_OBJID AS "ROUTE_OBJID",
+      APPR.APPR_STATUS AS "APPR_STATUS",
+      APPR.APPR_STATUS_NAME AS "APPR_STATUS_NAME"
+    FROM customer_service_mgmt AS CSM
+    LEFT OUTER JOIN project_mgmt AS CM ON CSM.contract_objid = CM.objid
+    LEFT OUTER JOIN release_mgmt AS RM ON CM.objid = RM.parent_objid
+    LEFT OUTER JOIN (
+      SELECT parent_objid,
+             SUM(COALESCE(NULLIF(labor_cost,''),'0')::numeric + COALESCE(NULLIF(expenses,''),'0')::numeric) AS PLAN_COST
+      FROM customer_service_workingtime
+      GROUP BY parent_objid
+    ) AS CSW ON CSM.objid = CSW.parent_objid
+    LEFT OUTER JOIN (
+      SELECT B.objid AS ROUTE_OBJID,
+             B.status AS APPR_STATUS,
+             CASE UPPER(B.status)
+               WHEN 'INPROCESS' THEN '결재중'
+               WHEN 'COMPLETE'  THEN '결재완료'
+               WHEN 'REJECT'    THEN '반려'
+               ELSE '' END AS APPR_STATUS_NAME,
+             A.objid AS APPROVAL_OBJID,
+             A.target_objid,
+             B.route_seq
+      FROM approval A,
+           (SELECT T1.*
+              FROM (SELECT target_objid, MAX(route_seq) AS route_seq
+                      FROM route GROUP BY target_objid) T,
+                   route T1
+             WHERE T.target_objid = T1.target_objid
+               AND T.route_seq = T1.route_seq) B
+      WHERE A.objid = B.approval_objid
+        AND A.target_type = 'CSM'
+    ) AS APPR ON CSM.objid::numeric = APPR.target_objid
+    WHERE ${where}
+    ORDER BY CSM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/cs/manage/save/route.ts b/src/app/api/cs/manage/save/route.ts
new file mode 100644
index 0000000..aa8100a
--- /dev/null
+++ b/src/app/api/cs/manage/save/route.ts
@@ -0,0 +1,151 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// CS관리 저장 (saveas.do → mergeCSM + deleteCSP/mergeCSP + deleteCSW/mergeCSW)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const client = await pool.connect();
+
+  try {
+    await client.query("BEGIN");
+
+    let objId = String(body.objId || "").trim();
+    const isNew = !objId;
+    if (isNew) objId = createObjectId();
+
+    // SERVICE_NO 자동 채번 (신규일 때만)
+    let serviceNo = String(body.service_no || "").trim();
+    if (!serviceNo) {
+      const r = await client.query(
+        `SELECT 'CSM'||TO_CHAR(NOW(),'yy')::VARCHAR||'-'||LPAD(nextval('seq_as_no')::VARCHAR,4,'0') AS no`
+      );
+      serviceNo = r.rows[0].no;
+    }
+
+    const status = body.status && body.status !== "" ? body.status : "0000100";
+
+    // MERGE CSM
+    await client.query(
+      `INSERT INTO customer_service_mgmt (
+         objid, service_no, product, contract_objid, cs_category, warranty,
+         manager_id, act_date, category_h, category_m, category_l, title,
+         before_contents, after_contents, writer, regdate, status,
+         total_sup_price, total_work_day, total_work_person, total_work_day_m,
+         total_labor_cost, total_expenses
+       ) VALUES ($1,$2,CASE WHEN $3='' THEN NULL ELSE $3 END,$4,$5,$6,$7,$8,$9,$10,$11,$12,$13,$14,$15,now(),$16,$17,$18,$19,$20,$21,$22)
+       ON CONFLICT (objid) DO UPDATE SET
+         service_no=EXCLUDED.service_no,
+         product=EXCLUDED.product,
+         contract_objid=EXCLUDED.contract_objid,
+         cs_category=EXCLUDED.cs_category,
+         warranty=EXCLUDED.warranty,
+         manager_id=EXCLUDED.manager_id,
+         act_date=EXCLUDED.act_date,
+         category_h=EXCLUDED.category_h,
+         category_m=EXCLUDED.category_m,
+         category_l=EXCLUDED.category_l,
+         title=EXCLUDED.title,
+         before_contents=EXCLUDED.before_contents,
+         after_contents=EXCLUDED.after_contents,
+         writer=EXCLUDED.writer,
+         regdate=now(),
+         status=EXCLUDED.status,
+         total_sup_price=EXCLUDED.total_sup_price,
+         total_work_day=EXCLUDED.total_work_day,
+         total_work_person=EXCLUDED.total_work_person,
+         total_work_day_m=EXCLUDED.total_work_day_m,
+         total_labor_cost=EXCLUDED.total_labor_cost,
+         total_expenses=EXCLUDED.total_expenses`,
+      [
+        objId,
+        serviceNo,
+        body.product || "",
+        body.contract_objid || "",
+        body.cs_category || "",
+        body.warranty || "",
+        body.manager_id || "",
+        body.act_date || "",
+        body.category_h || "",
+        body.category_m || "",
+        body.category_l || "",
+        body.title || "",
+        body.before_contents || "",
+        body.after_contents || "",
+        body.writer || user.userId,
+        status,
+        String(body.TOTAL_SUP_PRICE || body.total_sup_price || "0").replace(/,/g, ""),
+        String(body.TOTAL_WORK_DAY || body.total_work_day || "0").replace(/,/g, ""),
+        String(body.TOTAL_WORK_PERSON || body.total_work_person || "0").replace(/,/g, ""),
+        String(body.TOTAL_WORK_DAY_M || body.total_work_day_m || "0").replace(/,/g, ""),
+        String(body.TOTAL_LABOR_COST || body.total_labor_cost || "0").replace(/,/g, ""),
+        String(body.TOTAL_EXPENSES || body.total_expenses || "0").replace(/,/g, ""),
+      ]
+    );
+
+    // CSP: 전체 삭제 후 재삽입
+    await client.query(`DELETE FROM customer_service_part WHERE parent_objid = $1`, [objId]);
+    const parts: Array<Record<string, unknown>> = Array.isArray(body.parts) ? body.parts : [];
+    for (const p of parts) {
+      const partObjId = String(p.OBJID || "").trim() || createObjectId();
+      await client.query(
+        `INSERT INTO customer_service_part
+           (objid, parent_objid, part_no, part_name, spec, qty, cur_qty, price, sup_price)
+         VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9)`,
+        [
+          partObjId,
+          objId,
+          String(p.PART_NO || ""),
+          String(p.PART_NAME || ""),
+          String(p.SPEC || ""),
+          String(p.QTY || "0").replace(/,/g, ""),
+          String(p.CUR_QTY || "0").replace(/,/g, ""),
+          String(p.PRICE || "0").replace(/,/g, ""),
+          String(p.SUP_PRICE || "0").replace(/,/g, ""),
+        ]
+      );
+    }
+
+    // CSW: 전체 삭제 후 재삽입
+    await client.query(`DELETE FROM customer_service_workingtime WHERE parent_objid = $1`, [objId]);
+    const works: Array<Record<string, unknown>> = Array.isArray(body.works) ? body.works : [];
+    for (const w of works) {
+      const workObjId = String(w.OBJID || "").trim() || createObjectId();
+      await client.query(
+        `INSERT INTO customer_service_workingtime
+           (objid, parent_objid, supply_objid, form_date, to_date, work_day, work_person, work_day_m, labor_cost, expenses)
+         VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10)`,
+        [
+          workObjId,
+          objId,
+          String(w.SUPPLY_OBJID || ""),
+          String(w.FORM_DATE || ""),
+          String(w.TO_DATE || ""),
+          String(w.WORK_DAY || "0").replace(/,/g, ""),
+          String(w.WORK_PERSON || "0").replace(/,/g, ""),
+          String(w.WORK_DAY_M || "0").replace(/,/g, ""),
+          String(w.LABOR_COST || "0").replace(/,/g, ""),
+          String(w.EXPENSES || "0").replace(/,/g, ""),
+        ]
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({
+      success: true,
+      message: isNew ? "등록되었습니다." : "수정되었습니다.",
+      objId,
+      serviceNo,
+    });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("CS save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/cs/route.ts b/src/app/api/cs/route.ts
new file mode 100644
index 0000000..38ec02d
--- /dev/null
+++ b/src/app/api/cs/route.ts
@@ -0,0 +1,45 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS 메인 목록 (as_mng 기반 — customerServiceList.jsp 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`A.year = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.customer_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = A.custcd LIMIT 1), A.company_name) LIKE '%' || $${idx++} || '%'`);
+    params.push(body.customer_name);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT A.objid::text AS "OBJID",
+       A.as_no AS "CS_NO",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = A.custcd LIMIT 1), A.company_name) AS "CUSTOMER_NAME",
+       COALESCE(A.product_name, (SELECT code_name FROM comm_code WHERE code_id = A.product_code LIMIT 1)) AS "PRODUCT_NAME",
+       A.release_date AS "RECEIPT_DATE",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = A.rec_type LIMIT 1), '') AS "CS_TYPE_NAME",
+       A.problem_contents AS "DESCRIPTION",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = A.status_cd LIMIT 1), A.status_cd) AS "STATUS_NAME",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = A.writer LIMIT 1), '') AS "CHARGER_NAME",
+       A.plan_date AS "COMPLETE_DATE"
+     FROM as_mng A
+     WHERE ${where}
+     ORDER BY A.reg_date DESC NULLS LAST, A.as_no DESC
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/cs/status/route.ts b/src/app/api/cs/status/route.ts
new file mode 100644
index 0000000..aeb4226
--- /dev/null
+++ b/src/app/api/cs/status/route.ts
@@ -0,0 +1,116 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// CS관리 현황 (asList_CS.jsp + getASDashboardList + getHeaderList 대응)
+// 제품×프로젝트 기준으로 유상/무상 건수·비용을 집계하고, CATEGORY_H 유형별 카운트를 동적 컬럼으로 추가
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  // 1) 동적 컬럼 헤더 (0000975 '조치내역서유형' 하위 재귀, LEV>1)
+  const parentCode = body.category_root_code || "0000975";
+  const columnList = await queryRows(
+    `WITH RECURSIVE COM AS (
+       SELECT parent_code_id, code_id, code_name AS name, code_cd, status, id, ext_val,
+              'COL_'||code_id AS col_name, 1 AS lev
+       FROM comm_code
+       WHERE UPPER(status)='ACTIVE' AND parent_code_id = $1
+       UNION ALL
+       SELECT cc.parent_code_id, cc.code_id, cc.code_name AS name, cc.code_cd, cc.status, cc.id, cc.ext_val,
+              'COL_'||cc.code_id AS col_name, com.lev+1
+       FROM comm_code cc JOIN COM ON COM.code_id = cc.parent_code_id
+     )
+     SELECT
+       ROW_NUMBER() OVER (PARTITION BY parent_code_id ORDER BY code_id) AS "GROUP_SEQ",
+       (SELECT COUNT(1) FROM comm_code WHERE parent_code_id = C.parent_code_id) AS "GROUP_CNT",
+       (SELECT code_name FROM comm_code WHERE code_id = C.parent_code_id) AS "GROUP_NAME",
+       C.parent_code_id AS "PARENT_CODE_ID",
+       C.code_id AS "CODE_ID",
+       C.name AS "NAME",
+       C.col_name AS "COL_NAME"
+     FROM COM C
+     WHERE lev > 1
+     ORDER BY C.parent_code_id, C.code_id`,
+    [parentCode]
+  );
+
+  // 2) 집계 데이터 (getASDashboardList) — 동적 컬럼 SUM 추가
+  const conditions: string[] = ["CSM.status = '0000102'"]; // 결재완료
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year || body.year) {
+    conditions.push(`TO_CHAR(TO_DATE(CSM.act_date,'YYYY-MM-DD'),'YYYY') = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  if (body.product_cd) {
+    conditions.push(`CSM.product = $${idx++}`);
+    params.push(body.product_cd);
+  }
+  if (body.project_no) {
+    conditions.push(`CSM.contract_objid = $${idx++}`);
+    params.push(body.project_no);
+  }
+  if (body.project_nos && Array.isArray(body.project_nos) && body.project_nos.length > 0) {
+    const ph = body.project_nos.map(() => `$${idx++}`).join(",");
+    conditions.push(`CSM.contract_objid IN (${ph})`);
+    params.push(...body.project_nos);
+  }
+  if (body.warranty) {
+    conditions.push(`CSM.warranty = $${idx++}`);
+    params.push(body.warranty);
+  }
+  if (body.cs_category) {
+    conditions.push(`CSM.cs_category = $${idx++}`);
+    params.push(body.cs_category);
+  }
+  if (body.category_h) {
+    conditions.push(`CSM.category_h = $${idx++}`);
+    params.push(body.category_h);
+  }
+
+  // 동적 컬럼 SUM 생성 — COL_NAME 은 영숫자+언더스코어만이므로 직접 삽입 안전 (CODE_ID도 서버 데이터)
+  const dynSum = columnList
+    .map((c) => {
+      const codeId = String(c.CODE_ID).replace(/[^A-Za-z0-9_-]/g, "");
+      const col = String(c.COL_NAME).replace(/[^A-Za-z0-9_]/g, "");
+      return `,SUM(CASE WHEN T.category_h = '${codeId}' THEN 1 ELSE 0 END) AS "${col}"`;
+    })
+    .join("\n");
+
+  const rows = await queryRows(
+    `SELECT
+       T.product AS "PRODUCT",
+       (SELECT code_name FROM comm_code WHERE code_id = T.product) AS "PRODUCT_NAME",
+       T.project_no AS "PROJECT_NO",
+       SUM(CASE WHEN T.warranty = '0000157' THEN 1 ELSE 0 END) AS "WARRANTY1",
+       SUM(CASE WHEN T.warranty = '0000157' THEN T.cost ELSE 0 END) AS "COST1",
+       SUM(CASE WHEN T.warranty = '0000158' THEN 1 ELSE 0 END) AS "WARRANTY2",
+       SUM(CASE WHEN T.warranty = '0000158' THEN T.cost ELSE 0 END) AS "COST2"
+       ${dynSum}
+     FROM (
+       SELECT CSM.product,
+              TRIM(CM.project_no) AS project_no,
+              CSM.warranty,
+              CSM.act_date,
+              CSM.category_h,
+              (COALESCE(NULLIF(CSM.total_labor_cost,''),'0')::numeric
+               + COALESCE(NULLIF(CSM.total_expenses,''),'0')::numeric) AS cost
+       FROM customer_service_mgmt AS CSM
+       LEFT OUTER JOIN project_mgmt AS CM ON CSM.contract_objid = CM.objid
+       WHERE ${conditions.join(" AND ")}
+     ) AS T
+     GROUP BY T.product, T.project_no
+     ORDER BY T.project_no DESC`,
+    params
+  );
+
+  return NextResponse.json({
+    RESULTLIST: rows,
+    TOTAL_CNT: rows.length,
+    COLUMN_LIST: columnList,
+  });
+}
diff --git a/src/app/api/dashboard/route.ts b/src/app/api/dashboard/route.ts
new file mode 100644
index 0000000..8939f9c
--- /dev/null
+++ b/src/app/api/dashboard/route.ts
@@ -0,0 +1,299 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 대시보드 (project.dashBoardMain.do + dashboard.getmainDash_* 대응)
+// 데이터 소스: project_mgmt + contract_mgmt + planning_issue + pms_wbs_task + release_mgmt
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const year = String(body.year || new Date().getFullYear());
+
+  try {
+    // 1) 프로젝트 상태별 카운트 (원본 contractMgmt.projectCount 5상태 이식)
+    // 전체 = 계획미수립 + 진행중 + 지연 + 종료 (상호 배타적)
+    // 계획미수립: PLAN_START/END 자체가 없음 (act이 아니라 plan 기준!)
+    const projectStats = await queryOne<Record<string, unknown>>(
+      `WITH pm_base AS (
+         SELECT PM.objid::text AS objid,
+           -- 셋업 완료율 (100%면 종료)
+           (SELECT CASE
+                     WHEN COUNT(CASE WHEN COALESCE(parent_objid,'') != '' THEN 1 END) = 0 THEN 0
+                     ELSE ROUND((COUNT(CASE WHEN COALESCE(setup_act_end,'') != '' AND COALESCE(parent_objid,'') != '' THEN 1 END)::float
+                                / COUNT(CASE WHEN COALESCE(parent_objid,'') != '' THEN 1 END) * 100)::numeric)::int
+                   END
+             FROM setup_wbs_task WHERE contract_objid = PM.objid::text) AS setup_rate,
+           -- WBS 계획(PLAN_START/END) 존재 여부
+           (SELECT COUNT(*) FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND (
+             (COALESCE(design_plan_start,'') != '' AND COALESCE(design_plan_end,'') != '')
+             OR (COALESCE(purchase_plan_start,'') != '' AND COALESCE(purchase_plan_end,'') != '')
+             OR (COALESCE(produce_plan_start,'') != '' AND COALESCE(produce_plan_end,'') != '')
+           )) AS wbs_plan_cnt,
+           -- 셋업 계획 존재 여부
+           (SELECT COUNT(*) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+            AND COALESCE(setup_plan_start,'') != '' AND COALESCE(setup_plan_end,'') != '') AS setup_plan_cnt,
+           -- 지연 task 존재 여부
+           (EXISTS (SELECT 1 FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND (
+             (COALESCE(design_plan_end,'') != '' AND TO_DATE(design_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(design_act_end,'') = '')
+             OR (COALESCE(purchase_plan_end,'') != '' AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(purchase_act_end,'') = '')
+             OR (COALESCE(produce_plan_end,'') != '' AND TO_DATE(produce_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(produce_act_end,'') = '')
+           )) OR EXISTS (SELECT 1 FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+             AND COALESCE(setup_plan_end,'') != '' AND TO_DATE(setup_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(setup_act_end,'') = '')
+           ) AS has_delay
+         FROM project_mgmt PM
+         INNER JOIN contract_mgmt CM ON CM.objid = PM.contract_objid
+         WHERE CM.contract_result = '0000964'
+           -- 원본 Year 필터: 해당 연도가 WBS PLAN 범위 내에 포함되는 프로젝트
+           AND $1 BETWEEN (
+               SELECT LEAST(
+                 MIN(TO_CHAR(TO_DATE(NULLIF(purchase_plan_start,''),'YYYY-MM-DD'),'YYYY')),
+                 MIN(TO_CHAR(TO_DATE(NULLIF(produce_plan_start,''),'YYYY-MM-DD'),'YYYY')),
+                 MIN(TO_CHAR(TO_DATE(NULLIF(design_plan_start,''),'YYYY-MM-DD'),'YYYY')),
+                 (SELECT MIN(TO_CHAR(TO_DATE(NULLIF(setup_plan_start,''),'YYYY-MM-DD'),'YYYY'))
+                    FROM setup_wbs_task S WHERE S.contract_objid = PM.objid::text)
+               )
+               FROM pms_wbs_task O WHERE O.contract_objid = PM.objid::text)
+           AND (
+               SELECT GREATEST(
+                 MAX(TO_CHAR(TO_DATE(NULLIF(purchase_plan_end,''),'YYYY-MM-DD'),'YYYY')),
+                 MAX(TO_CHAR(TO_DATE(NULLIF(produce_plan_end,''),'YYYY-MM-DD'),'YYYY')),
+                 MAX(TO_CHAR(TO_DATE(NULLIF(design_plan_end,''),'YYYY-MM-DD'),'YYYY')),
+                 (SELECT MAX(TO_CHAR(TO_DATE(NULLIF(setup_plan_end,''),'YYYY-MM-DD'),'YYYY'))
+                    FROM setup_wbs_task S WHERE S.contract_objid = PM.objid::text)
+               )
+               FROM pms_wbs_task O WHERE O.contract_objid = PM.objid::text)
+       ),
+       pm_cat AS (
+         SELECT objid,
+           CASE
+             WHEN setup_rate >= 100 THEN '종료'
+             WHEN wbs_plan_cnt = 0 AND setup_plan_cnt = 0 THEN '계획미수립'
+             WHEN has_delay THEN '지연'
+             ELSE '진행중'
+           END AS cat
+         FROM pm_base
+       )
+       SELECT
+         (SELECT COUNT(*) FROM pm_cat)::int AS "CNT_TOTAL",
+         (SELECT COUNT(*) FROM pm_cat WHERE cat = '계획미수립')::int AS "CNT_NOPLAN",
+         (SELECT COUNT(*) FROM pm_cat WHERE cat = '진행중')::int AS "CNT_ING",
+         (SELECT COUNT(*) FROM pm_cat WHERE cat = '지연')::int AS "CNT_DELAY",
+         (SELECT COUNT(*) FROM pm_cat WHERE cat = '종료')::int AS "CNT_END",
+         -- 이슈/비용 집계는 전체 기준
+         COALESCE((SELECT COUNT(*) FROM planning_issue WHERE status = 'release' AND project_objid IN (SELECT objid FROM pm_cat)), 0)::int AS "ISSUE_TOTAL",
+         COALESCE((SELECT COUNT(*) FROM planning_issue WHERE status = 'release' AND project_objid IN (SELECT objid FROM pm_cat)
+                    AND (COALESCE(design_result,'') = '' OR COALESCE(design_date,'') = '')), 0)::int AS "ISSUE_MISS"
+      `,
+      [year],
+    ) || {};
+
+    // 2) 제품별 수주현황 - pie chart (contractMgmt.getContractCNTByProduct 대응)
+    const productDist = await queryRows(
+      `SELECT
+         CM.product AS "CODE",
+         (SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1) AS "NAME",
+         COUNT(*)::int AS "CNT"
+       FROM contract_mgmt CM
+       WHERE SUBSTR(COALESCE(CM.contract_date,''), 1, 4) = $1
+         AND CM.contract_result = '0000964'
+         AND CM.product IS NOT NULL AND CM.product != ''
+       GROUP BY CM.product
+       ORDER BY COUNT(*) DESC`,
+      [year],
+    );
+
+    // 3) 고객사별 수주현황 - pie chart (contractMgmt.getContractCNTBySupply 대응)
+    const supplyDist = await queryRows(
+      `SELECT
+         CM.customer_objid AS "CODE",
+         (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1) AS "NAME",
+         COUNT(*)::int AS "CNT"
+       FROM contract_mgmt CM
+       WHERE SUBSTR(COALESCE(CM.contract_date,''), 1, 4) = $1
+         AND CM.contract_result = '0000964'
+         AND CM.customer_objid IS NOT NULL AND CM.customer_objid != ''
+       GROUP BY CM.customer_objid
+       ORDER BY COUNT(*) DESC`,
+      [year],
+    );
+
+    // 3) 월별 계약금액 (년도별 매출현황)
+    const monthlyContract = await queryRows(
+      `SELECT
+         SUBSTR(contract_date, 6, 2)::int AS "MONTH",
+         COALESCE(SUM(COALESCE(NULLIF(contract_price,'')::numeric, 0)), 0) AS "AMOUNT"
+       FROM contract_mgmt
+       WHERE SUBSTR(COALESCE(contract_date,''), 1, 4) = $1
+         AND contract_result = '0000964'
+         AND SUBSTR(COALESCE(contract_date,''), 6, 2) ~ '^[0-9]{2}$'
+       GROUP BY SUBSTR(contract_date, 6, 2)
+       ORDER BY SUBSTR(contract_date, 6, 2)`,
+      [year],
+    );
+
+    // 4) 주요 프로젝트 리스트 + 진척율
+    const projectList = await queryRows(
+      `SELECT
+         PM.objid::text AS "OBJID",
+         PM.project_no AS "PROJECT_NO",
+         PM.project_name AS "PROJECT_NAME",
+         (SELECT code_name FROM comm_code WHERE code_id = PM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+         (SELECT supply_name FROM supply_mng WHERE objid::text = PM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+         (SELECT code_name FROM comm_code WHERE code_id = PM.product LIMIT 1) AS "PRODUCT_NAME",
+         (SELECT code_name FROM comm_code WHERE code_id = PM.manufacture_plant LIMIT 1) AS "MANUFACTURE_PLANT_NAME",
+         PM.contract_del_date AS "CONTRACT_DEL_DATE",
+         PM.req_del_date AS "REQ_DEL_DATE",
+         COALESCE(NULLIF(PM.contract_price_currency,'')::numeric, 0) AS "CONTRACT_PRICE",
+         CASE WHEN (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) = 0 THEN 0
+              ELSE ROUND(
+                ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND COALESCE(design_act_end,'') != '')
+                +(SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND COALESCE(purchase_act_end,'') != '')
+                +(SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND COALESCE(produce_act_end,'') != ''))::numeric
+                / ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) * 3)::numeric * 100, 1)
+         END AS "TOTAL_RATE",
+         -- 이슈: 발생/조치/미결
+         (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release') AS "ISSUE_CNT",
+         (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release'
+          AND COALESCE(design_result,'') != '' AND COALESCE(design_date,'') != '') AS "ISSUE_DONE_CNT",
+         (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release')
+           - (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release'
+              AND COALESCE(design_result,'') != '' AND COALESCE(design_date,'') != '') AS "ISSUE_MISS_CNT",
+         -- 투입원가 항목별 (원본 costMgmt.costTotaltGridList 이식, 노무비 실적은 WORK_DIARY 복잡도로 0 처리)
+         COALESCE((SELECT material_cost_goal::numeric FROM input_cost_goal WHERE contract_objid::text = PM.objid::text LIMIT 1), 0) AS "MATERIAL_COST_GOAL",
+         COALESCE((SELECT labor_cost_goal::numeric    FROM input_cost_goal WHERE contract_objid::text = PM.objid::text LIMIT 1), 0) AS "LABOR_COST_GOAL",
+         COALESCE((SELECT expense_cost_goal::numeric  FROM input_cost_goal WHERE contract_objid::text = PM.objid::text LIMIT 1), 0) AS "EXPENSE_COST_GOAL",
+         -- 재료비 실적 = purchase_order_master(approvalComplete) total_supply_unit_price 합
+         COALESCE((SELECT SUM(COALESCE(NULLIF(total_supply_unit_price,'')::numeric, 0))
+                   FROM purchase_order_master
+                   WHERE contract_mgmt_objid = PM.objid AND status = 'approvalComplete'), 0) AS "ACCRUAL_MATERIAL_COST",
+         -- 노무비 실적 (WORK_DIARY 기반 계산 복잡 — 추후 보강)
+         0 AS "LABOR_COST_ACTUAL",
+         -- 경비 실적 = expense_master + expense_detail SETTLE_AMOUNT 합
+         COALESCE((SELECT SUM(settle)
+                   FROM (SELECT (SUM(COALESCE(ED.card_used,'0')::numeric) + SUM(COALESCE(ED.cash_used,'0')::numeric) - SUM(COALESCE(ED.payment,'0')::numeric)) AS settle
+                         FROM expense_master EM
+                         LEFT OUTER JOIN expense_detail ED ON ED.expense_master_objid = EM.expense_master_objid
+                         WHERE EM.project_mgmt_objid = PM.objid::text
+                         GROUP BY EM.expense_master_objid) s), 0) AS "ACCRUAL_EXPENSE",
+         RM.release_date AS "RELEASE_DATE",
+         -- 셋업 완료일 (setup_wbs_task 중 마지막 act_end)
+         (SELECT MAX(setup_act_end) FROM setup_wbs_task
+          WHERE contract_objid = PM.objid::text AND COALESCE(parent_objid,'') != ''
+            AND COALESCE(setup_act_end,'') != '') AS "SETUP_DONE_DATE",
+         -- 셋업 진척율
+         COALESCE((SELECT CASE
+                     WHEN COUNT(CASE WHEN COALESCE(parent_objid,'') != '' THEN 1 END) = 0 THEN 0
+                     ELSE ROUND((COUNT(CASE WHEN COALESCE(setup_act_end,'') != '' AND COALESCE(parent_objid,'') != '' THEN 1 END)::float
+                                / COUNT(CASE WHEN COALESCE(parent_objid,'') != '' THEN 1 END) * 100)::numeric, 1) END
+             FROM setup_wbs_task WHERE contract_objid = PM.objid::text), 0) AS "SETUP_RATE",
+         -- 5상태 분류 (원본 projectCount 로직, 계획미수립 = PLAN_START/END 없음)
+         CASE
+           WHEN COALESCE((SELECT CASE
+                     WHEN COUNT(CASE WHEN COALESCE(parent_objid,'') != '' THEN 1 END) = 0 THEN 0
+                     ELSE ROUND((COUNT(CASE WHEN COALESCE(setup_act_end,'') != '' AND COALESCE(parent_objid,'') != '' THEN 1 END)::float
+                                / COUNT(CASE WHEN COALESCE(parent_objid,'') != '' THEN 1 END) * 100)::numeric)::int END
+             FROM setup_wbs_task WHERE contract_objid = PM.objid::text), 0) >= 100 THEN '종료'
+           WHEN (SELECT COUNT(*) FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND (
+                   (COALESCE(design_plan_start,'') != '' AND COALESCE(design_plan_end,'') != '')
+                   OR (COALESCE(purchase_plan_start,'') != '' AND COALESCE(purchase_plan_end,'') != '')
+                   OR (COALESCE(produce_plan_start,'') != '' AND COALESCE(produce_plan_end,'') != '')
+                 )) = 0
+            AND (SELECT COUNT(*) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                 AND COALESCE(setup_plan_start,'') != '' AND COALESCE(setup_plan_end,'') != '') = 0 THEN '계획미수립'
+           WHEN (EXISTS (SELECT 1 FROM pms_wbs_task WHERE contract_objid = PM.objid::text AND (
+             (COALESCE(design_plan_end,'') != '' AND TO_DATE(design_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(design_act_end,'') = '')
+             OR (COALESCE(purchase_plan_end,'') != '' AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(purchase_act_end,'') = '')
+             OR (COALESCE(produce_plan_end,'') != '' AND TO_DATE(produce_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(produce_act_end,'') = '')
+           )) OR EXISTS (SELECT 1 FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+             AND COALESCE(setup_plan_end,'') != '' AND TO_DATE(setup_plan_end,'YYYY-MM-DD') < CURRENT_DATE AND COALESCE(setup_act_end,'') = ''))
+             THEN '지연'
+           ELSE '진행중'
+         END AS "STATUS_TITLE"
+       FROM project_mgmt PM
+       INNER JOIN contract_mgmt CM ON CM.objid = PM.contract_objid
+       LEFT OUTER JOIN release_mgmt RM ON RM.parent_objid = PM.objid::text
+       WHERE CM.contract_result = '0000964'
+         AND $1 BETWEEN (
+             SELECT LEAST(
+               MIN(TO_CHAR(TO_DATE(NULLIF(purchase_plan_start,''),'YYYY-MM-DD'),'YYYY')),
+               MIN(TO_CHAR(TO_DATE(NULLIF(produce_plan_start,''),'YYYY-MM-DD'),'YYYY')),
+               MIN(TO_CHAR(TO_DATE(NULLIF(design_plan_start,''),'YYYY-MM-DD'),'YYYY')),
+               (SELECT MIN(TO_CHAR(TO_DATE(NULLIF(setup_plan_start,''),'YYYY-MM-DD'),'YYYY'))
+                  FROM setup_wbs_task S WHERE S.contract_objid = PM.objid::text)
+             )
+             FROM pms_wbs_task O WHERE O.contract_objid = PM.objid::text)
+         AND (
+             SELECT GREATEST(
+               MAX(TO_CHAR(TO_DATE(NULLIF(purchase_plan_end,''),'YYYY-MM-DD'),'YYYY')),
+               MAX(TO_CHAR(TO_DATE(NULLIF(produce_plan_end,''),'YYYY-MM-DD'),'YYYY')),
+               MAX(TO_CHAR(TO_DATE(NULLIF(design_plan_end,''),'YYYY-MM-DD'),'YYYY')),
+               (SELECT MAX(TO_CHAR(TO_DATE(NULLIF(setup_plan_end,''),'YYYY-MM-DD'),'YYYY'))
+                  FROM setup_wbs_task S WHERE S.contract_objid = PM.objid::text)
+             )
+             FROM pms_wbs_task O WHERE O.contract_objid = PM.objid::text)
+       ORDER BY PM.regdate DESC
+`,
+      [year],
+    );
+
+    // 5) 3년치 영업현황 (getYearGoalInfo 이식): 수주건수 국내/해외/비율, 계약금액(억원), 영업목표, 달성율
+    const years = [Number(year), Number(year) - 1, Number(year) - 2].map(String);
+    const yearGoalInfo = await Promise.all(
+      years.map(async (y) => {
+        const row = await queryOne<Record<string, unknown>>(
+          `WITH W_CM AS (
+             SELECT area_cd,
+               CASE WHEN COALESCE(NULLIF(contract_price,''),'0') != '0' THEN contract_price
+                    WHEN contract_currency = '0001566' AND COALESCE(NULLIF(contract_price_currency,''),'0') != '0' THEN contract_price_currency
+                    ELSE COALESCE(NULLIF(contract_price,''),'0')
+               END AS price
+             FROM contract_mgmt
+             WHERE contract_result = '0000964'
+               AND TO_CHAR(TO_DATE(contract_date, 'YYYY-MM-DD'), 'YYYY') = $1
+           )
+           SELECT
+             $1 AS "YEAR",
+             (SELECT COUNT(*) FROM contract_mgmt WHERE TO_CHAR(TO_DATE(contract_date,'YYYY-MM-DD'),'YYYY') = $1) AS "CONTRACT_CNT_YEAR_ALL",
+             (SELECT COUNT(*) FROM W_CM)::int AS "CONTRACT_CNT_YEAR",
+             (SELECT COUNT(*) FROM W_CM WHERE area_cd = '0001220')::int AS "CONTRACT_CNT_YEAR_IN",
+             (SELECT COUNT(*) FROM W_CM WHERE area_cd = '0001221')::int AS "CONTRACT_CNT_YEAR_OUT",
+             COALESCE((SELECT (SUM(COALESCE(NULLIF(price,'')::numeric, 0))) / 100000000 FROM W_CM)::numeric(18,1), 0) AS "CONTRACT_COST_YEAR",
+             COALESCE((SELECT price::numeric FROM pms_pjt_year_goal WHERE year = $1 LIMIT 1), 0) AS "PRICE",
+             (SELECT objid::text FROM pms_pjt_year_goal WHERE year = $1 LIMIT 1) AS "YEAR_GOAL_OBJID"`,
+          [y],
+        );
+        if (!row) return { YEAR: y };
+        const total = Number(row.CONTRACT_CNT_YEAR_ALL || 0);
+        const ok = Number(row.CONTRACT_CNT_YEAR || 0);
+        const cost = Number(row.CONTRACT_COST_YEAR || 0);
+        const goal = Number(row.PRICE || 0);
+        return {
+          ...row,
+          CONTRACT_CNT_YEAR_RATE: total > 0 ? Math.round((ok / total) * 1000) / 10 : 0,
+          GOAL_RATE: goal > 0 ? Math.round((cost / goal) * 1000) / 10 : 0,
+        };
+      })
+    );
+
+    return NextResponse.json({
+      projectStats: projectStats || {},
+      productDist,
+      supplyDist,
+      monthlyContract,
+      projectList,
+      yearGoalInfo,
+    });
+  } catch (error) {
+    console.error("Dashboard error:", error);
+    return NextResponse.json({
+      projectStats: {},
+      productDist: [],
+      supplyDist: [],
+      monthlyContract: [],
+      projectList: [],
+      yearGoalInfo: [],
+    });
+  }
+}
diff --git a/src/app/api/delivery/acceptance/detail/route.ts b/src/app/api/delivery/acceptance/detail/route.ts
new file mode 100644
index 0000000..eeee050
--- /dev/null
+++ b/src/app/api/delivery/acceptance/detail/route.ts
@@ -0,0 +1,151 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 입고결과등록 팝업 상세 조회
+// 원본:
+//   - purchaseOrderService.getPurchaseOrderMasterInfo → info
+//   - purchaseOrder.getPurchaseOrderDeliveryTargetPartList → partList (발주파트+기입고/미입고)
+//   - supplyChainMgmt.arrivalResultList → arrivalList (차수별 arrival_plan)
+//   - purchaseOrder.selectPurchaseOrderMasterList → multiMasterList (동시발주 슬레이브)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId가 필요합니다." });
+
+  // 1. 발주 마스터 정보 (readonly 표시용)
+  const info = await queryOne(
+    `SELECT POM.objid::text AS "OBJID",
+       POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+       POM.purchase_order_no_org AS "PURCHASE_ORDER_NO_ORG",
+       POM.title AS "TITLE",
+       POM.delivery_date AS "DELIVERY_DATE",
+       TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE",
+       POM.type AS "TYPE",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.type LIMIT 1) AS "TYPE_NAME",
+       POM.order_type_cd AS "ORDER_TYPE_CD",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.order_type_cd LIMIT 1) AS "ORDER_TYPE_CD_NAME",
+       POM.delivery_place AS "DELIVERY_PLACE",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.delivery_place LIMIT 1) AS "DELIVERY_PLACE_NAME",
+       POM.inspect_method AS "INSPECT_METHOD",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.inspect_method LIMIT 1) AS "INSPECT_METHOD_NAME",
+       POM.payment_terms AS "PAYMENT_TERMS",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.payment_terms LIMIT 1) AS "PAYMENT_TERMS_NAME",
+       POM.total_price_txt AS "TOTAL_PRICE_TXT",
+       POM.remark AS "REMARK",
+       POM.status AS "STATUS",
+       COALESCE(POM.multi_yn, '') AS "MULTI_YN",
+       COALESCE(POM.multi_master_yn, '') AS "MULTI_MASTER_YN",
+       POM.multi_master_objid AS "MULTI_MASTER_OBJID",
+       POM.bom_report_objid AS "BOM_REPORT_OBJID",
+       POM.contract_mgmt_objid AS "CONTRACT_MGMT_OBJID",
+       COALESCE(CM.project_no, CM.contract_no) AS "PROJECT_NO",
+       CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+       POM.unit_code AS "UNIT_CODE",
+       (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = POM.unit_code LIMIT 1) AS "UNIT_NAME",
+       POM.partner_objid AS "PARTNER_OBJID",
+       (SELECT supply_name FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "PARTNER_NAME",
+       (SELECT bus_reg_no FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "SUPPLY_BUS_NO",
+       (SELECT supply_address FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "SUPPLY_ADDR",
+       POM.supply_user_name AS "SUPPLY_USER_NAME",
+       POM.supply_user_hp AS "SUPPLY_USER_HP",
+       POM.supply_user_tel AS "SUPPLY_USER_TEL",
+       POM.supply_user_fax AS "SUPPLY_USER_FAX",
+       POM.supply_user_email AS "SUPPLY_USER_EMAIL",
+       POM.sales_mng_user_id AS "SALES_MNG_USER_ID",
+       (SELECT user_name FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1) AS "SALES_MNG_USER",
+       (SELECT cell_phone FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1) AS "SALES_MNG_USER_CELL_PHONE"
+     FROM purchase_order_master POM
+     LEFT JOIN project_mgmt CM ON POM.contract_mgmt_objid = CM.objid
+     WHERE POM.objid::text = $1`,
+    [String(objId)],
+  );
+  if (!info) {
+    return NextResponse.json({ success: false, message: "발주서를 찾을 수 없습니다." });
+  }
+
+  // 2. 파트 목록 + 기입고/미입고 수량
+  const partList = await queryRows(
+    `SELECT
+       POP.objid::text AS "ORDER_PART_OBJID",
+       POP.part_objid AS "PART_OBJID",
+       POP.ld_part_objid AS "LD_PART_OBJID",
+       CASE WHEN POM.type IN ('0001070','0001069') THEN COALESCE(PM.part_no, POP.part_no) ELSE POP.part_no END AS "PART_NO",
+       POP.part_name AS "PART_NAME",
+       COALESCE(PM.material, '') AS "MATERIAL",
+       POP.spec AS "SPEC",
+       POP.maker AS "MAKER",
+       (SELECT code_name FROM comm_code WHERE code_id = POP.unit LIMIT 1) AS "UNIT_TITLE",
+       POP.order_qty AS "ORDER_QTY",
+       POP.real_order_qty AS "REAL_ORDER_QTY",
+       POM.delivery_date AS "POM_DELIVERY_DATE",
+       COALESCE(AP.total_delivery_qty, '0') AS "TOTAL_DELIVERY_QTY",
+       (COALESCE(POP.real_order_qty,'0')::numeric - COALESCE(AP.total_delivery_qty, '0')::numeric) AS "NON_ARRIVAL_QTY"
+     FROM purchase_order_master POM
+     INNER JOIN purchase_order_part POP ON POM.objid::text = POP.purchase_order_master_objid
+     LEFT JOIN part_mng PM ON POP.part_objid = PM.objid::text
+     LEFT JOIN (
+       SELECT order_part_objid,
+              SUM(COALESCE(receipt_qty,'0')::numeric)::text AS total_delivery_qty
+         FROM arrival_plan
+        WHERE parent_objid = $1
+        GROUP BY order_part_objid
+     ) AP ON AP.order_part_objid = POP.objid::text
+     WHERE POM.objid::text = $1
+     ORDER BY PM.part_no NULLS LAST, POP.regdate DESC`,
+    [String(objId)],
+  );
+
+  // 3. 기존 차수별 입고계획 (arrival_plan)
+  const arrivalList = await queryRows(
+    `SELECT
+       AP.objid::text AS "OBJID",
+       AP.part_objid AS "PART_OBJID",
+       AP.order_part_objid AS "ORDER_PART_OBJID",
+       AP.arrival_qty AS "ARRIVAL_QTY",
+       AP.arrival_plan_date AS "ARRIVAL_PLAN_DATE",
+       AP.group_seq AS "GROUP_SEQ",
+       AP.seq AS "SEQ",
+       AP.receipt_qty AS "RECEIPT_QTY",
+       AP.receipt_date AS "RECEIPT_DATE",
+       AP.location AS "LOCATION",
+       AP.sub_location AS "SUB_LOCATION",
+       AP.error_qty AS "ERROR_QTY",
+       AP.error_reason AS "ERROR_REASON",
+       AP.attribution AS "ATTRIBUTION",
+       AP.inventory_status AS "INVENTORY_STATUS",
+       IM.objid::text AS "INVOICE_OBJID"
+     FROM arrival_plan AP
+     LEFT JOIN invoice_mgmt IM ON IM.parent_objid::text = AP.parent_objid AND IM.group_seq = AP.group_seq
+     WHERE AP.parent_objid = $1
+     ORDER BY NULLIF(AP.seq,'')::numeric NULLS LAST, AP.objid`,
+    [String(objId)],
+  );
+
+  // 4. 동시발주 슬레이브 리스트 (현재 건이 마스터인 경우)
+  let multiMasterList: Record<string, unknown>[] = [];
+  if (String(info.MULTI_MASTER_YN) === "Y") {
+    multiMasterList = await queryRows(
+      `SELECT POM.objid::text AS "OBJID",
+              POM.contract_mgmt_objid::text AS "CONTRACT_MGMT_OBJID",
+              POM.unit_code AS "UNIT_CODE",
+              (SELECT project_no FROM project_mgmt CNT WHERE CNT.objid = POM.contract_mgmt_objid LIMIT 1) AS "CONTRACT_NO",
+              POM.delivery_date AS "DELIVERY_PLAN_DATE",
+              (SELECT SUM(COALESCE(real_order_qty,'0')::numeric)::text FROM purchase_order_part WHERE purchase_order_master_objid = POM.objid::text) AS "DELIVERY_PLAN_QTY"
+         FROM purchase_order_master POM
+        WHERE POM.multi_master_objid = $1
+        ORDER BY "CONTRACT_NO" DESC`,
+      [String(objId)],
+    );
+  }
+
+  return NextResponse.json({
+    success: true,
+    info,
+    partList,
+    arrivalList,
+    multiMasterList,
+  });
+}
diff --git a/src/app/api/delivery/acceptance/route.ts b/src/app/api/delivery/acceptance/route.ts
new file mode 100644
index 0000000..59c5436
--- /dev/null
+++ b/src/app/api/delivery/acceptance/route.ts
@@ -0,0 +1,205 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.xml#deliveryMngList_new
+// 입고관리 > 입고결과등록 목록
+// - 결재완료 발주서만 (status = 'approvalComplete')
+// - 동시발주 마스터 + 일반 건만 (슬레이브 제외)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = [
+    "POM.status = 'approvalComplete'",
+    "(COALESCE(POM.multi_master_yn,'') = 'Y' OR (COALESCE(POM.multi_master_yn,'') != 'Y' AND COALESCE(POM.multi_yn,'') != 'Y'))",
+  ];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // Year: 최종입고일(MAX receipt_date) 기준 — 원본과 동일
+  if (body.year) {
+    conditions.push(
+      `TO_CHAR(TO_DATE(S1.cur_delivery_date, 'YYYY-MM-DD'), 'YYYY') = $${idx++}`,
+    );
+    params.push(body.year);
+  }
+  if (body.customer_cd) {
+    conditions.push(`CM.customer_objid::text = $${idx++}`);
+    params.push(body.customer_cd);
+  }
+  if (body.customer_project_name) {
+    conditions.push(
+      `TRIM(UPPER(CM.customer_project_name)) LIKE '%' || TRIM(UPPER($${idx++})) || '%'`,
+    );
+    params.push(body.customer_project_name);
+  }
+  // project_nos: 복수 objid (array 또는 CSV 문자열)
+  const projectNos: string[] = Array.isArray(body.project_nos)
+    ? body.project_nos.filter(Boolean).map(String)
+    : body.project_nos
+      ? String(body.project_nos).split(",").filter(Boolean)
+      : [];
+  if (projectNos.length > 0) {
+    const placeholders = projectNos.map(() => `$${idx++}`).join(", ");
+    conditions.push(`CM.objid::text IN (${placeholders})`);
+    params.push(...projectNos);
+  }
+  if (body.unit_code) {
+    conditions.push(`POM.unit_code = $${idx++}`);
+    params.push(body.unit_code);
+  }
+  if (body.po_client_id) {
+    conditions.push(`POM.po_client_id = $${idx++}`);
+    params.push(body.po_client_id);
+  }
+  if (body.purchase_order_no) {
+    conditions.push(
+      `TRIM(UPPER(POM.purchase_order_no)) LIKE '%' || TRIM(UPPER($${idx++})) || '%'`,
+    );
+    params.push(body.purchase_order_no);
+  }
+  if (body.type) {
+    conditions.push(`POM.type = $${idx++}`);
+    params.push(body.type);
+  }
+  if (body.delivery_start_date) {
+    conditions.push(
+      `TO_DATE(POM.delivery_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`,
+    );
+    params.push(body.delivery_start_date);
+  }
+  if (body.delivery_end_date) {
+    conditions.push(
+      `TO_DATE(POM.delivery_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`,
+    );
+    params.push(body.delivery_end_date);
+  }
+  if (body.partner_objid) {
+    conditions.push(`POM.partner_objid = $${idx++}`);
+    params.push(body.partner_objid);
+  }
+  // sales_mng_user_ids: 복수 user_id
+  const userIds: string[] = Array.isArray(body.sales_mng_user_ids)
+    ? body.sales_mng_user_ids.filter(Boolean).map(String)
+    : body.sales_mng_user_ids
+      ? String(body.sales_mng_user_ids).split(",").filter(Boolean)
+      : [];
+  if (userIds.length > 0) {
+    const placeholders = userIds.map(() => `$${idx++}`).join(", ");
+    conditions.push(`POM.sales_mng_user_id IN (${placeholders})`);
+    params.push(...userIds);
+  }
+  if (body.reg_start_date) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY-MM-DD') >= $${idx++}`);
+    params.push(body.reg_start_date);
+  }
+  if (body.reg_end_date) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY-MM-DD') <= $${idx++}`);
+    params.push(body.reg_end_date);
+  }
+  if (body.delivery_status) {
+    conditions.push(
+      `(CASE WHEN 0 >= (COALESCE((SELECT SUM(COALESCE(O.real_order_qty,'0')::numeric) FROM purchase_order_part O WHERE POM.objid::text = O.purchase_order_master_objid), 0) - COALESCE(S1.total_delivery_qty, 0)) THEN '입고완료'
+              WHEN TO_CHAR(NOW(), 'YYYY-MM-DD') > POM.delivery_date THEN '지연'
+              ELSE '입고중' END) = $${idx++}`,
+    );
+    params.push(body.delivery_status);
+  }
+  if (body.SEARCH_PART_NO) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM purchase_order_part POP WHERE POP.purchase_order_master_objid = POM.objid::text
+               AND TRIM(UPPER(COALESCE(POP.part_no,''))) LIKE '%' || TRIM(UPPER($${idx++})) || '%')`,
+    );
+    params.push(body.SEARCH_PART_NO);
+  }
+  if (body.SEARCH_PART_NAME) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM purchase_order_part POP WHERE POP.purchase_order_master_objid = POM.objid::text
+               AND TRIM(UPPER(COALESCE(POP.part_name,''))) LIKE '%' || TRIM(UPPER($${idx++})) || '%')`,
+    );
+    params.push(body.SEARCH_PART_NAME);
+  }
+  if (body.SEARCH_PART_SPEC) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM purchase_order_part POP WHERE POP.purchase_order_master_objid = POM.objid::text
+               AND TRIM(UPPER(COALESCE(POP.spec,''))) LIKE '%' || TRIM(UPPER($${idx++})) || '%')`,
+    );
+    params.push(body.SEARCH_PART_SPEC);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT POM.objid::text AS "OBJID",
+      TO_CHAR(POM.regdate, 'YYYY') AS "POM_YEAR",
+      (SELECT supply_name FROM supply_mng SM WHERE SM.objid::text = CM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+      (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = POM.unit_code LIMIT 1) AS "UNIT_NAME",
+      COALESCE(CM.project_no, CM.contract_no) AS "PROJECT_NO",
+      POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+      POM.title AS "TITLE",
+      POM.delivery_place AS "DELIVERY_PLACE",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.delivery_place LIMIT 1) AS "DELIVERY_PLACE_NAME",
+      POM.inspect_method AS "INSPECT_METHOD",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.inspect_method LIMIT 1) AS "INSPECT_METHOD_NAME",
+      POM.payment_terms AS "PAYMENT_TERMS",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.payment_terms LIMIT 1) AS "PAYMENT_TERMS_NAME",
+      POM.delivery_date AS "DELIVERY_DATE",
+      POM.partner_objid AS "PARTNER_OBJID",
+      (SELECT supply_name FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "PARTNER_NAME",
+      POM.sales_mng_user_id AS "SALES_MNG_USER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1) AS "SALES_MNG_USER_NAME",
+      TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      POM.total_price AS "TOTAL_PRICE",
+      POM.discount_price AS "DISCOUNT_PRICE",
+      POM.total_supply_unit_price AS "TOTAL_SUPPLY_UNIT_PRICE",
+      POM.nego_rate AS "NEGO_RATE",
+      COALESCE(POM.multi_master_yn,'') AS "MULTI_MASTER_YN",
+      COALESCE(POM.multi_yn,'') AS "MULTI_YN",
+      CASE WHEN COALESCE(POM.multi_master_yn,'') = 'Y' THEN '' ELSE COALESCE(POM.multi_yn,'') END AS "MULTI_YN_MAKED",
+      COALESCE((SELECT SUM(COALESCE(O.real_order_qty,'0')::numeric) FROM purchase_order_part O WHERE POM.objid::text = O.purchase_order_master_objid), 0) AS "TOTAL_PO_QTY",
+      S1.cur_delivery_date AS "CUR_DELIVERY_DATE",
+      COALESCE(S1.total_delivery_qty, 0) AS "TOTAL_DELIVERY_QTY",
+      (COALESCE((SELECT SUM(COALESCE(O.real_order_qty,'0')::numeric) FROM purchase_order_part O WHERE POM.objid::text = O.purchase_order_master_objid), 0)
+        - COALESCE(S1.total_delivery_qty, 0)) AS "NON_DELIVERY_QTY",
+      (CASE
+        WHEN 0 >= (COALESCE((SELECT SUM(COALESCE(O.real_order_qty,'0')::numeric) FROM purchase_order_part O WHERE POM.objid::text = O.purchase_order_master_objid), 0) - COALESCE(S1.total_delivery_qty, 0))
+          THEN '입고완료'
+        WHEN TO_CHAR(NOW(), 'YYYY-MM-DD') > POM.delivery_date THEN '지연'
+        ELSE '입고중'
+      END) AS "DELIVERY_STATUS",
+      POM.type AS "TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.type LIMIT 1) AS "TYPE_NAME",
+      POM.order_type_cd AS "ORDER_TYPE_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.order_type_cd LIMIT 1) AS "ORDER_TYPE_CD_NAME",
+      (SELECT UI.user_name FROM arrival_plan AP JOIN user_info UI ON UI.user_id = AP.receiver_id
+         WHERE AP.parent_objid = POM.objid::text AND AP.receipt_date IS NOT NULL AND AP.receipt_date <> ''
+         ORDER BY AP.receipt_date DESC LIMIT 1) AS "CUR_RECEIVER_NAME"
+    FROM purchase_order_master POM
+    LEFT OUTER JOIN (
+      SELECT POP.purchase_order_master_objid,
+             MAX(DH.receipt_date) AS cur_delivery_date,
+             SUM(COALESCE(DH.receipt_qty,'0')::numeric) AS total_delivery_qty
+        FROM purchase_order_part POP
+        LEFT OUTER JOIN arrival_plan DH ON POP.objid::text = DH.order_part_objid
+       GROUP BY POP.purchase_order_master_objid
+    ) S1 ON POM.objid::text = S1.purchase_order_master_objid
+    LEFT OUTER JOIN project_mgmt CM ON POM.contract_mgmt_objid = CM.objid
+    WHERE ${where}
+    ORDER BY POM.regdate DESC
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("delivery/acceptance:", e);
+    return NextResponse.json(
+      { success: false, message: "조회 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/delivery/acceptance/save/route.ts b/src/app/api/delivery/acceptance/save/route.ts
new file mode 100644
index 0000000..bfe9c99
--- /dev/null
+++ b/src/app/api/delivery/acceptance/save/route.ts
@@ -0,0 +1,374 @@
+import { NextRequest, NextResponse } from "next/server";
+import type { PoolClient } from "pg";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 입고결과 저장 (원본: purchaseOrder/saveDeliveryInfo.do → supplyChainMgmt.saveDeliveryInfo)
+// 처리 순서:
+//  1) 파트×차수 행마다 ARRIVAL_PLAN UPSERT
+//  2) RECEIPT_QTY > RECEIPT_INV_QTY(기입고) 인 경우에만 inventory 반영
+//     - ARRIVAL_PLAN.INVENTORY_STATUS='Y' 로 마킹
+//     - INVENTORY_MGMT(contract_objid, unit, part_objid) UPSERT
+//     - 단일발주: INVENTORY_MGMT_IN 1행
+//     - 동시발주(MULTI_YN='Y'): 마스터부터 슬레이브 순으로 프로젝트별 ORDER_QTY 만큼 분배
+//
+// Request body 형식:
+// {
+//   ORDER_OBJID / PARENT_OBJID : 발주 마스터 objId (필수)
+//   TYPE : POM.type
+//   MULTI_YN : 'Y' | 'N'
+//   CONTRACT_MGMT_OBJID : 프로젝트 objId
+//   UNIT_CODE : 유닛
+//   // 파트 정보 (DETAIL_GROUP 번호로 그룹핑)
+//   parts: [{ ORDER_PART_OBJID, PART_OBJID, LD_PART_OBJID, ORDER_QTY, REAL_ORDER_QTY }]
+//   // 차수별 입고 행들 (파트 수 × 차수 수)
+//   items: [{
+//     OBJID?, GROUP_SEQ, SEQ, DETAIL_GROUP,  // DETAIL_GROUP = 파트 index (1-based)
+//     ARRIVAL_QTY, ARRIVAL_PLAN_DATE,
+//     RECEIPT_QTY, RECEIPT_INV_QTY, RECEIPT_DATE,
+//     LOCATION, SUB_LOCATION,
+//     INVENTORY_STATUS,
+//   }]
+// }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  // 구(舊) 호환 (단건 입고): body.items 없을 때 body.objId 단건 처리
+  const legacyItems: Record<string, unknown>[] = Array.isArray(body.items) ? body.items : [];
+  if (legacyItems.length === 0 && !body.parts && body.objId) {
+    return legacySingleSave(body, user.userId);
+  }
+
+  const orderObjId: string = String(body.ORDER_OBJID ?? body.PARENT_OBJID ?? body.objId ?? "");
+  const parentObjId: string = String(body.PARENT_OBJID ?? body.ORDER_OBJID ?? orderObjId);
+  const contractMgmtObjId: string = String(body.CONTRACT_MGMT_OBJID ?? "");
+  const unitCode: string = String(body.UNIT_CODE ?? "");
+  const multiYn: string = String(body.MULTI_YN ?? "");
+  const parts: Record<string, unknown>[] = Array.isArray(body.parts) ? body.parts : [];
+  const items: Record<string, unknown>[] = Array.isArray(body.items) ? body.items : [];
+
+  if (!orderObjId) {
+    return NextResponse.json(
+      { success: false, message: "발주 objId가 없습니다." },
+      { status: 400 },
+    );
+  }
+  if (items.length === 0) {
+    return NextResponse.json(
+      { success: false, message: "저장할 입고 데이터가 없습니다." },
+      { status: 400 },
+    );
+  }
+
+  const partByIdx = new Map<number, Record<string, unknown>>();
+  parts.forEach((p, i) => partByIdx.set(i + 1, p));
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    for (const item of items) {
+      const arrivalObjId = String(item.OBJID ?? "") || createObjectId();
+      const detailGroup = Number(item.DETAIL_GROUP ?? 0) || 1;
+      const part = partByIdx.get(detailGroup);
+      const orderPartObjId = String(part?.ORDER_PART_OBJID ?? "");
+      const partObjId = String(part?.PART_OBJID ?? "");
+      const ldPartObjId = String(part?.LD_PART_OBJID ?? "");
+      const realOrderQty = Number(part?.REAL_ORDER_QTY ?? 0) || 0;
+      const orderQty = Number(part?.ORDER_QTY ?? realOrderQty) || realOrderQty;
+
+      const receiptQty = Number(item.RECEIPT_QTY ?? 0) || 0;
+      const receiptInvQty = Number(item.RECEIPT_INV_QTY ?? 0) || 0;
+      const arrivalQty = Number(item.ARRIVAL_QTY ?? 0) || 0;
+      const receiptDate = String(item.RECEIPT_DATE ?? "");
+      const arrivalPlanDate = String(item.ARRIVAL_PLAN_DATE ?? "");
+      const location = String(item.LOCATION ?? "");
+      const subLocation = String(item.SUB_LOCATION ?? "");
+      const groupSeq = String(item.GROUP_SEQ ?? "1");
+      const seq = String(item.SEQ ?? "1");
+
+      // 1) ARRIVAL_PLAN UPSERT
+      await client.query(
+        `INSERT INTO arrival_plan (
+           objid, parent_objid, order_part_objid, part_objid,
+           receipt_qty, receipt_date, location, sub_location,
+           writer, receiver_id, group_seq, seq, arrival_qty, arrival_plan_date
+         ) VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$9,$10,$11,$12,$13)
+         ON CONFLICT (objid) DO UPDATE SET
+           receipt_qty       = EXCLUDED.receipt_qty,
+           receipt_date      = EXCLUDED.receipt_date,
+           location          = EXCLUDED.location,
+           sub_location      = EXCLUDED.sub_location,
+           arrival_qty       = EXCLUDED.arrival_qty,
+           arrival_plan_date = EXCLUDED.arrival_plan_date,
+           receiver_id       = EXCLUDED.receiver_id`,
+        [
+          arrivalObjId, parentObjId, orderPartObjId, partObjId,
+          String(receiptQty), receiptDate, location, subLocation,
+          user.userId, groupSeq, seq, String(arrivalQty), arrivalPlanDate,
+        ],
+      );
+
+      // 2) 실제 신규 입고가 없으면(receiptQty=0 또는 기입고와 동일) 재고 반영 skip
+      const deltaQty = receiptQty - receiptInvQty;
+      if (receiptQty <= 0 || deltaQty <= 0) continue;
+
+      // INVENTORY_STATUS='Y'
+      await client.query(
+        `UPDATE arrival_plan SET inventory_status = 'Y', receiver_id = $1 WHERE objid = $2`,
+        [user.userId, arrivalObjId],
+      );
+
+      // 3) 재고 반영 — 마스터(본인 프로젝트)부터 처리
+      let remainingQty = deltaQty;
+
+      // 마스터 inventory_mgmt 행 확보(없으면 생성)
+      const masterInvParent = await ensureInventoryMgmt(client, {
+        contractObjId: contractMgmtObjId,
+        unit: unitCode,
+        partObjId,
+        orderObjId,
+        ldPartObjId,
+        receiptQty: String(deltaQty),
+        location,
+        subLocation,
+        writer: user.userId,
+      });
+
+      if (multiYn !== "Y") {
+        // 단일발주: 마스터에 전부 기록
+        await insertInventoryIn(client, {
+          parentObjId: masterInvParent,
+          receiptQty: String(deltaQty),
+          location, subLocation,
+          writer: user.userId,
+          contractMgmtObjId,
+          poMasterObjId: orderObjId,
+          poSubObjId: orderObjId,
+        });
+        continue;
+      }
+
+      // 동시발주: 마스터부터 min(ORDER_QTY - 기입고, remaining) 분배
+      // 마스터 기존 입고수량 (동일 purchase_order_master_objid + contract + parent)
+      const masterExistingQty = await getExistingInventoryInQty(client, {
+        poMasterObjId: orderObjId,
+        contractMgmtObjId,
+        parentObjId: masterInvParent,
+      });
+      const masterInsertable = Math.max(0, orderQty - masterExistingQty);
+      const masterInsert = Math.min(masterInsertable, remainingQty);
+      if (masterInsert > 0) {
+        await insertInventoryIn(client, {
+          parentObjId: masterInvParent,
+          receiptQty: String(masterInsert),
+          location, subLocation,
+          writer: user.userId,
+          contractMgmtObjId,
+          poMasterObjId: orderObjId,
+          poSubObjId: orderObjId,
+        });
+        remainingQty -= masterInsert;
+      }
+
+      if (remainingQty <= 0) continue;
+
+      // 슬레이브들 순차 분배
+      const slaves = await client.query(
+        `SELECT objid::text AS objid,
+                contract_mgmt_objid::text AS contract_mgmt_objid,
+                unit_code
+           FROM purchase_order_master
+          WHERE multi_master_objid = $1
+          ORDER BY (SELECT project_no FROM project_mgmt CNT WHERE CNT.objid = purchase_order_master.contract_mgmt_objid LIMIT 1)`,
+        [orderObjId],
+      );
+
+      for (const slave of slaves.rows as Array<{ objid: string; contract_mgmt_objid: string; unit_code: string }>) {
+        if (remainingQty <= 0) break;
+
+        const slaveContractObjId = slave.contract_mgmt_objid ?? "";
+        const slaveUnit = slave.unit_code ?? "";
+        const slavePoObjId = slave.objid;
+
+        // 슬레이브 inventory_mgmt 확보
+        const slaveInvParent = await ensureInventoryMgmt(client, {
+          contractObjId: slaveContractObjId,
+          unit: slaveUnit,
+          partObjId,
+          orderObjId,
+          ldPartObjId,
+          receiptQty: String(remainingQty),
+          location,
+          subLocation,
+          writer: user.userId,
+        });
+
+        const slaveExistingQty = await getExistingInventoryInQty(client, {
+          poMasterObjId: orderObjId,
+          contractMgmtObjId: slaveContractObjId,
+          parentObjId: slaveInvParent,
+        });
+        const slaveInsertable = Math.max(0, orderQty - slaveExistingQty);
+        const slaveInsert = Math.min(slaveInsertable, remainingQty);
+        if (slaveInsert <= 0) continue;
+
+        await insertInventoryIn(client, {
+          parentObjId: slaveInvParent,
+          receiptQty: String(slaveInsert),
+          location, subLocation,
+          writer: user.userId,
+          contractMgmtObjId: slaveContractObjId,
+          poMasterObjId: orderObjId,
+          poSubObjId: slavePoObjId,
+        });
+        remainingQty -= slaveInsert;
+      }
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("delivery/acceptance/save:", e);
+    return NextResponse.json(
+      { success: false, message: "저장 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
+
+async function ensureInventoryMgmt(
+  client: PoolClient,
+  p: {
+    contractObjId: string; unit: string; partObjId: string;
+    orderObjId: string; ldPartObjId: string;
+    receiptQty: string; location: string; subLocation: string; writer: string;
+  },
+): Promise<string> {
+  if (!p.partObjId) return "";
+  const found = await client.query(
+    `SELECT objid::text AS objid FROM inventory_mgmt
+      WHERE contract_objid = $1 AND unit = $2 AND part_objid = $3 LIMIT 1`,
+    [p.contractObjId, p.unit, p.partObjId],
+  );
+  if (found.rows[0]?.objid) return String(found.rows[0].objid);
+
+  const newObjId = createObjectId();
+  await client.query(
+    `INSERT INTO inventory_mgmt (
+       objid, contract_objid, unit, part_objid,
+       cls_cd, qty, location, sub_location,
+       reg_date, price, writer
+     )
+     VALUES ($1,$2,$3,$4,'0001205',$5,$6,$7,
+       TO_CHAR(NOW(),'YYYY-MM-DD'),
+       (SELECT partner_price FROM purchase_order_part
+          WHERE purchase_order_master_objid = $8 AND part_objid = $4 LIMIT 1),
+       $9)
+     ON CONFLICT (contract_objid, unit, part_objid) DO NOTHING`,
+    [
+      newObjId, p.contractObjId, p.unit, p.partObjId,
+      p.receiptQty, p.location, p.subLocation,
+      p.orderObjId, p.writer,
+    ],
+  );
+  // 경합 시 기존 값 재조회
+  const again = await client.query(
+    `SELECT objid::text AS objid FROM inventory_mgmt
+      WHERE contract_objid = $1 AND unit = $2 AND part_objid = $3 LIMIT 1`,
+    [p.contractObjId, p.unit, p.partObjId],
+  );
+  return String(again.rows[0]?.objid ?? newObjId);
+}
+
+async function getExistingInventoryInQty(
+  client: PoolClient,
+  p: { poMasterObjId: string; contractMgmtObjId: string; parentObjId: string },
+): Promise<number> {
+  const r = await client.query(
+    `SELECT SUM(CASE WHEN receipt_qty IS NULL OR receipt_qty = '' THEN 0 ELSE receipt_qty::numeric END) AS qty
+       FROM inventory_mgmt_in
+      WHERE purchase_order_master_objid = $1
+        AND contract_mgmt_objid = $2
+        AND parent_objid = $3`,
+    [p.poMasterObjId, p.contractMgmtObjId, p.parentObjId],
+  );
+  return Number(r.rows[0]?.qty ?? 0) || 0;
+}
+
+async function insertInventoryIn(
+  client: PoolClient,
+  p: {
+    parentObjId: string; receiptQty: string;
+    location: string; subLocation: string; writer: string;
+    contractMgmtObjId: string; poMasterObjId: string; poSubObjId: string;
+  },
+) {
+  await client.query(
+    `INSERT INTO inventory_mgmt_in (
+       objid, parent_objid, receipt_qty, location, sub_location,
+       writer, regdate, contract_mgmt_objid,
+       purchase_order_master_objid, purchase_order_sub_objid
+     ) VALUES ($1,$2,$3,$4,$5,$6,NOW(),$7,$8,$9)`,
+    [
+      createObjectId(), p.parentObjId, p.receiptQty, p.location, p.subLocation,
+      p.writer, p.contractMgmtObjId, p.poMasterObjId, p.poSubObjId,
+    ],
+  );
+}
+
+// 구(舊) 단건 호환 — 기존 arrival-plan 팝업이 호출하는 경로 유지
+async function legacySingleSave(body: Record<string, unknown>, writer: string) {
+  const objId = String(body.objId ?? "") || createObjectId();
+  const parentObjId = String(body.purchase_order_master_objid ?? body.parent_objid ?? "");
+  const orderPartObjId = String(body.purchase_order_part_objid ?? body.order_part_objid ?? "");
+  const partObjId = String(body.part_objid ?? "");
+  const receiptQty = String(body.receipt_qty ?? "0");
+  const receiptDate = String(body.receipt_date ?? "");
+  const arrivalQty = String(body.arrival_qty ?? receiptQty);
+  const arrivalPlanDate = String(body.arrival_plan_date ?? receiptDate);
+  const location = String(body.location ?? "");
+  const subLocation = String(body.sub_location ?? "");
+  const groupSeq = String(body.group_seq ?? "1");
+  const seq = String(body.seq ?? "1");
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    await client.query(
+      `INSERT INTO arrival_plan (
+         objid, parent_objid, order_part_objid, part_objid,
+         receipt_qty, receipt_date, location, sub_location,
+         writer, receiver_id, group_seq, seq, arrival_qty, arrival_plan_date
+       ) VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$9,$10,$11,$12,$13)
+       ON CONFLICT (objid) DO UPDATE SET
+         receipt_qty=EXCLUDED.receipt_qty, receipt_date=EXCLUDED.receipt_date,
+         location=EXCLUDED.location, sub_location=EXCLUDED.sub_location,
+         arrival_qty=EXCLUDED.arrival_qty, arrival_plan_date=EXCLUDED.arrival_plan_date,
+         receiver_id=EXCLUDED.receiver_id`,
+      [
+        objId, parentObjId, orderPartObjId, partObjId,
+        receiptQty, receiptDate, location, subLocation,
+        writer, groupSeq, seq, arrivalQty, arrivalPlanDate,
+      ],
+    );
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("delivery/acceptance/save legacy:", e);
+    return NextResponse.json(
+      { success: false, message: "저장 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/delivery/defect/detail/route.ts b/src/app/api/delivery/defect/detail/route.ts
new file mode 100644
index 0000000..545cb8d
--- /dev/null
+++ b/src/app/api/delivery/defect/detail/route.ts
@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT AP.objid::text AS "OBJID",
+       POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+       POP.part_no AS "PART_NO", POP.part_name AS "PART_NAME",
+       AP.error_qty AS "ERROR_QTY", AP.error_reason AS "ERROR_REASON",
+       AP.attribution AS "ATTRIBUTION", AP.receipt_qty AS "RECEIPT_QTY",
+       AP.receipt_date AS "RECEIPT_DATE", AP.re_arrival_plan_date AS "RE_ARRIVAL_PLAN_DATE",
+       AP.group_seq AS "GROUP_SEQ", AP.seq AS "SEQ"
+     FROM arrival_plan AP
+     JOIN purchase_order_part POP ON POP.objid::text = AP.order_part_objid
+     JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+     WHERE AP.objid::text = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/delivery/defect/route.ts b/src/app/api/delivery/defect/route.ts
new file mode 100644
index 0000000..e903b46
--- /dev/null
+++ b/src/app/api/delivery/defect/route.ts
@@ -0,0 +1,63 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 입고관리 > 부적합리스트 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  // arrival_plan의 error_qty > 0 인 건이 부적합 (invalidMgmtGridList 대응)
+  const conditions: string[] = ["AP.error_qty IS NOT NULL", "AP.error_qty != ''", "AP.error_qty != '0'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(CM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.partner_objid) {
+    conditions.push(`POM.partner_objid = $${idx++}`);
+    params.push(body.partner_objid);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.defect_type || body.error_reason) {
+    conditions.push(`AP.error_reason = $${idx++}`);
+    params.push(body.defect_type || body.error_reason);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT AP.objid::text AS "OBJID",
+      POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+      CM.contract_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "PARTNER_NAME",
+      POP.part_no AS "PART_NO",
+      POP.part_name AS "PART_NAME",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = AP.error_reason LIMIT 1), '') AS "DEFECT_TYPE_NAME",
+      AP.error_qty AS "DEFECT_QTY",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = AP.attribution LIMIT 1), '') AS "ATTRIBUTION_NAME",
+      AP.receipt_date AS "REG_DATE",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = AP.receiver_id LIMIT 1), '') AS "REG_USER_NAME",
+      AP.re_arrival_plan_date AS "RE_ARRIVAL_PLAN_DATE",
+      CASE WHEN COALESCE(AP.assembly_status, '') != '' THEN '처리완료' ELSE '미처리' END AS "STATUS_NAME",
+      AP.group_seq AS "GROUP_SEQ",
+      AP.seq AS "SEQ"
+    FROM arrival_plan AP
+    JOIN purchase_order_part POP ON POP.objid::text = AP.order_part_objid
+    JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+    LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+    WHERE ${where}
+    ORDER BY AP.group_seq, AP.seq
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/delivery/defect/save/route.ts b/src/app/api/delivery/defect/save/route.ts
new file mode 100644
index 0000000..cc20ed4
--- /dev/null
+++ b/src/app/api/delivery/defect/save/route.ts
@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 부적합 등록/수정 (supplyChainMgmt.saveDeliveryInvalidInfo 대응)
+// ARRIVAL_PLAN의 error_qty, error_reason, attribution 업데이트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  if (!body.objId) {
+    return NextResponse.json({ success: false, message: "대상 항목을 선택하세요." });
+  }
+
+  try {
+    await execute(
+      `UPDATE arrival_plan SET
+        error_qty = $1,
+        error_reason = $2,
+        attribution = $3
+       WHERE objid = $4`,
+      [
+        body.error_qty || body.defect_qty || "",
+        body.error_reason || body.defect_reason || "",
+        body.attribution || "",
+        body.objId,
+      ]
+    );
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    console.error("Defect save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/delivery/price/route.ts b/src/app/api/delivery/price/route.ts
new file mode 100644
index 0000000..c631b6f
--- /dev/null
+++ b/src/app/api/delivery/price/route.ts
@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 입고관리 > 단가관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`EXTRACT(YEAR FROM POM.regdate) = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.partner_objid) {
+    conditions.push(`POM.partner_objid = $${idx++}`);
+    params.push(body.partner_objid);
+  }
+  if (body.part_no) {
+    conditions.push(`POP.part_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(`POP.part_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_name);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT POP.objid::text AS "OBJID",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "PARTNER_NAME",
+      POP.part_no AS "PART_NO",
+      POP.part_name AS "PART_NAME",
+      POP.spec AS "SPEC",
+      POP.material AS "MATERIAL",
+      POP.unit AS "UNIT_NAME",
+      COALESCE(POP.partner_price, '0') AS "UNIT_PRICE",
+      POM.delivery_date AS "START_DATE",
+      '' AS "END_DATE",
+      TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REG_DATE",
+      POP.remark AS "REMARK"
+    FROM purchase_order_part POP
+    JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+    WHERE ${where}
+    ORDER BY POM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/delivery/status/route.ts b/src/app/api/delivery/status/route.ts
new file mode 100644
index 0000000..875875c
--- /dev/null
+++ b/src/app/api/delivery/status/route.ts
@@ -0,0 +1,194 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.xml#deliveryMngStatus
+// 입고관리 > 현황 — 프로젝트 BOM 1개(part_bom_report) 단위 집계 리포트
+// 4개 그룹: 프로젝트정보 / 발주내역 / 입고현황 / 수입검사결과(불량현황)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [
+    "SBR.parent_objid = PBR.objid",
+    "PBR.contract_objid = CM.objid",
+  ];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year) {
+    conditions.push(`TO_CHAR(CM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.Year);
+  }
+  if (body.customer_objid) {
+    conditions.push(`CM.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+
+  // project_nos (array or CSV)
+  const projectNos: string[] = Array.isArray(body.project_nos)
+    ? body.project_nos.filter(Boolean).map(String)
+    : body.project_nos
+      ? String(body.project_nos).split(",").filter(Boolean)
+      : [];
+  if (projectNos.length > 0) {
+    const placeholders = projectNos.map(() => `$${idx++}`).join(", ");
+    conditions.push(`CM.objid::text IN (${placeholders})`);
+    params.push(...projectNos);
+  }
+
+  if (body.unit_code) {
+    conditions.push(`PBR.unit_code = $${idx++}`);
+    params.push(body.unit_code);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.*,
+      CASE WHEN "TOTAL_PO_PART_CNT"::numeric = 0 THEN 0
+           WHEN "TOTAL_BOM_PART_CNT"::numeric = 0 THEN 0
+           ELSE ROUND("TOTAL_PO_PART_CNT"::numeric / "TOTAL_BOM_PART_CNT"::numeric * 100, 1)
+      END AS "PO_RATE",
+      CASE WHEN "TOTAL_BOM_PART_CNT"::numeric - "TOTAL_PO_PART_CNT"::numeric < 0 THEN 0
+           ELSE "TOTAL_BOM_PART_CNT"::numeric - "TOTAL_PO_PART_CNT"::numeric
+      END AS "NON_PO_PART_CNT",
+      "TOTAL_DELIVERY_QTY"::numeric AS "DELIVERY_QTY",
+      ("TOTAL_PO_QTY"::numeric - "TOTAL_DELIVERY_QTY"::numeric) AS "NON_DELIVERY_QTY",
+      CASE WHEN "TOTAL_DEFECT_QTY"::numeric = 0 THEN 0
+           WHEN "TOTAL_PO_QTY"::numeric = 0 THEN 0
+           ELSE ROUND("TOTAL_DEFECT_QTY"::numeric / "TOTAL_PO_QTY"::numeric * 100, 1)
+      END AS "DELIVERY_RATE"
+    FROM (
+      SELECT CM.objid::text AS "OBJID",
+        SBR.objid::text AS "SALES_OBJID",
+        PBR.objid::text AS "BOM_REPORT_OBJID",
+        TO_CHAR(CM.regdate, 'YYYY') AS "CM_YEAR",
+        (SELECT supply_name FROM supply_mng SM WHERE SM.objid::text = CM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+        CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+        COALESCE(CM.project_no, CM.contract_no) AS "PROJECT_NO",
+        (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = PBR.unit_code LIMIT 1) AS "UNIT_PART_NAME",
+
+        -- BOM 부품개수
+        (SELECT COUNT(DISTINCT CASE WHEN PM.part_type IN (SELECT code_id FROM comm_code WHERE parent_code_id = '0000062') THEN BPQ.part_no ELSE NULL END)
+           FROM bom_part_qty BPQ
+           JOIN part_mng PM ON BPQ.part_no = PM.objid::text
+          WHERE BPQ.bom_report_objid = PBR.objid::text
+            AND BPQ.status IN ('beforeEdit','editing','deleting','deploy')
+        ) AS "TOTAL_BOM_PART_CNT",
+
+        -- BOM 총수량 (재귀 CTE) — LEV>2 & IS_LEAF
+        (WITH RECURSIVE V(bom_report_objid, child_objid, qty, lev, path, is_leaf, aggregate_qty) AS (
+           SELECT A.bom_report_objid, A.child_objid, A.qty, 1,
+                  ARRAY[A.child_objid::text], FALSE,
+                  COALESCE(NULLIF(A.qty,''),'0')::numeric
+             FROM bom_part_qty A
+            WHERE A.bom_report_objid = PBR.objid::text
+              AND (A.parent_objid IS NULL OR A.parent_objid = '')
+           UNION ALL
+           SELECT B.bom_report_objid, B.child_objid, B.qty, V.lev + 1,
+                  V.path || B.child_objid::text,
+                  B.parent_objid = ANY(V.path),
+                  V.aggregate_qty * COALESCE(NULLIF(B.qty,''),'0')::numeric
+             FROM bom_part_qty B
+             JOIN V ON B.parent_objid = V.child_objid AND B.bom_report_objid = V.bom_report_objid
+            WHERE NOT (B.parent_objid = ANY(V.path))
+         )
+         SELECT SUM(V.aggregate_qty) FROM V
+          WHERE V.lev > 2
+            AND NOT EXISTS (SELECT 1 FROM bom_part_qty C WHERE C.parent_objid = V.child_objid AND C.bom_report_objid = V.bom_report_objid)
+        ) AS "TOTAL_BOM_PART_QTY_SUM",
+
+        -- 발주품 개수 (발주서 기준)
+        (SELECT COUNT(DISTINCT PO.part_no)
+           FROM bom_part_qty Q
+           JOIN purchase_order_part PO ON COALESCE(NULLIF(Q.last_part_objid,''), Q.part_no) = PO.part_objid
+           JOIN purchase_order_master POM ON POM.objid::text = PO.purchase_order_master_objid
+           JOIN part_mng P ON P.objid::text = PO.part_objid
+          WHERE POM.bom_report_objid = PBR.objid::text
+            AND Q.bom_report_objid = PBR.objid::text
+            AND Q.status IN ('beforeEdit','editing','deleting','deploy')
+            AND POM.status = 'approvalComplete'
+            AND COALESCE(P.part_type,'') != ''
+        ) AS "TOTAL_PO_PART_CNT",
+
+        -- 발주수량 총계
+        (SELECT SUM(COALESCE(NULLIF(POP.order_qty,''),'0')::numeric)
+           FROM purchase_order_master POM
+           JOIN purchase_order_part POP ON POM.objid::text = POP.purchase_order_master_objid
+          WHERE POM.bom_report_objid = PBR.objid::text
+            AND POM.status = 'approvalComplete'
+            AND POM.contract_mgmt_objid = CM.objid
+        ) AS "TOTAL_PO_QTY",
+
+        -- 발주수량 신규 (order_type_cd='0001407')
+        (SELECT SUM(COALESCE(NULLIF(POP.order_qty,''),'0')::numeric)
+           FROM purchase_order_master POM
+           JOIN purchase_order_part POP ON POM.objid::text = POP.purchase_order_master_objid
+          WHERE POM.bom_report_objid = PBR.objid::text
+            AND POM.order_type_cd = '0001407'
+            AND POM.status = 'approvalComplete'
+            AND POM.contract_mgmt_objid = CM.objid
+        ) AS "TOTAL_PO_NEW_QTY",
+
+        -- 발주수량 재발주 (order_type_cd='0001408')
+        (SELECT SUM(COALESCE(NULLIF(POP.order_qty,''),'0')::numeric)
+           FROM purchase_order_master POM
+           JOIN purchase_order_part POP ON POM.objid::text = POP.purchase_order_master_objid
+          WHERE POM.bom_report_objid = PBR.objid::text
+            AND POM.order_type_cd = '0001408'
+            AND POM.status = 'approvalComplete'
+            AND POM.contract_mgmt_objid = CM.objid
+        ) AS "TOTAL_PO_RE_QTY",
+
+        -- 입고수량 (inventory_mgmt_in 기준)
+        (SELECT SUM(COALESCE(NULLIF(DH.receipt_qty,''),'0')::numeric)
+           FROM inventory_mgmt_in DH
+           JOIN purchase_order_master POM ON POM.objid::text = DH.purchase_order_sub_objid
+          WHERE CM.objid::text = DH.contract_mgmt_objid
+            AND POM.bom_report_objid = PBR.objid::text
+            AND POM.status = 'approvalComplete'
+            AND POM.contract_mgmt_objid = CM.objid
+        ) AS "TOTAL_DELIVERY_QTY",
+
+        -- 부적합 집계
+        COALESCE(S1.total_defect_qty, 0) AS "TOTAL_DEFECT_QTY",
+        COALESCE(S1.defect_qty_1, 0) AS "DEFECT_QTY_1",
+        COALESCE(S1.defect_qty_2, 0) AS "DEFECT_QTY_2",
+        COALESCE(S1.defect_qty_3, 0) AS "DEFECT_QTY_3",
+        COALESCE(S1.defect_qty_4, 0) AS "DEFECT_QTY_4",
+        COALESCE(S1.total_defect_price, 0) AS "TOTAL_DEFECT_PRICE"
+      FROM sales_bom_report SBR,
+           part_bom_report PBR
+      LEFT OUTER JOIN (
+        SELECT POM.bom_report_objid,
+               SUM(COALESCE(NULLIF(DH.error_qty,''),'0')::numeric) AS total_defect_qty,
+               SUM(CASE WHEN DH.error_reason = '0001114' THEN COALESCE(NULLIF(DH.error_qty,''),'0')::numeric ELSE NULL END) AS defect_qty_1,
+               SUM(CASE WHEN DH.error_reason = '0001115' THEN COALESCE(NULLIF(DH.error_qty,''),'0')::numeric ELSE NULL END) AS defect_qty_2,
+               SUM(CASE WHEN DH.error_reason = '0001116' THEN COALESCE(NULLIF(DH.error_qty,''),'0')::numeric ELSE NULL END) AS defect_qty_3,
+               SUM(CASE WHEN DH.error_reason = '0001117' THEN COALESCE(NULLIF(DH.error_qty,''),'0')::numeric ELSE NULL END) AS defect_qty_4,
+               SUM(COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric * COALESCE(NULLIF(DH.error_qty,''),'0')::numeric) AS total_defect_price
+          FROM purchase_order_master POM
+          JOIN purchase_order_part POP ON POM.objid::text = POP.purchase_order_master_objid
+          JOIN arrival_plan DH ON POM.objid::text = DH.parent_objid AND POP.part_objid = DH.part_objid
+         WHERE POM.status = 'approvalComplete'
+         GROUP BY POM.bom_report_objid
+      ) S1 ON PBR.objid::text = S1.bom_report_objid,
+      project_mgmt CM
+      WHERE ${where}
+      ORDER BY "PROJECT_NO" DESC, "UNIT_PART_NAME"
+    ) T
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("delivery/status:", e);
+    return NextResponse.json(
+      { success: false, message: "조회 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/fund/expense-form/detail/route.ts b/src/app/api/fund/expense-form/detail/route.ts
new file mode 100644
index 0000000..9631784
--- /dev/null
+++ b/src/app/api/fund/expense-form/detail/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT EM.expense_master_objid::text AS "OBJID", EM.expense_id AS "EXPENSE_ID",
+       EM.project_mgmt_objid AS "PROJECT_MGMT_OBJID", EM.bns_start_date AS "BNS_START_DATE",
+       EM.bns_end_date AS "BNS_END_DATE", EM.exp_status_cd AS "EXP_STATUS_CD",
+       EM.exp_sort_cd AS "EXP_SORT_CD", EM.exp_area_cd AS "EXP_AREA_CD",
+       EM.bus_title AS "BUS_TITLE", EM.bus_content AS "BUS_CONTENT",
+       EM.vehicel_used AS "VEHICEL_USED", EM.amount_payment AS "AMOUNT_PAYMENT",
+       EM.status AS "STATUS",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = EM.reg_user_id LIMIT 1), '') AS "REG_USER_NAME",
+       CM.contract_no AS "PROJECT_NO", CM.project_name AS "PROJECT_NAME"
+     FROM expense_master EM
+     LEFT JOIN contract_mgmt CM ON CM.objid::text = EM.project_mgmt_objid
+     WHERE EM.expense_master_objid::text = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  const details = await queryRows(
+    `SELECT ED.expense_detail_objid::text AS "OBJID",
+       ED.exp_sort_cd AS "EXP_SORT_CD", ED.exp_subm_cd AS "EXP_SUBM_CD",
+       ED.exp_subd_cd AS "EXP_SUBD_CD",
+       ED.card_used AS "CARD_USED", ED.cash_used AS "CASH_USED", ED.payment AS "PAYMENT"
+     FROM expense_detail ED WHERE ED.expense_master_objid::text = $1`, [objId]
+  );
+
+  return NextResponse.json({ success: true, data: info, DETAILS: details });
+}
diff --git a/src/app/api/fund/expense-form/route.ts b/src/app/api/fund/expense-form/route.ts
new file mode 100644
index 0000000..058b574
--- /dev/null
+++ b/src/app/api/fund/expense-form/route.ts
@@ -0,0 +1,70 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(EM.reg_date, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.writer_name) {
+    conditions.push(`(SELECT user_name FROM user_info WHERE user_id = EM.reg_user_id LIMIT 1) LIKE '%' || $${idx++} || '%'`);
+    params.push(body.writer_name);
+  } else if (body.reg_user_id) {
+    conditions.push(`EM.reg_user_id = $${idx++}`);
+    params.push(body.reg_user_id);
+  }
+  if (body.status_code || body.exp_status_cd) {
+    conditions.push(`EM.exp_status_cd = $${idx++}`);
+    params.push(body.status_code || body.exp_status_cd);
+  }
+  if (body.expense_date_from || body.bns_start_date) {
+    conditions.push(`EM.bns_start_date >= $${idx++}`);
+    params.push(body.expense_date_from || body.bns_start_date);
+  }
+  if (body.expense_date_to || body.bns_end_date) {
+    conditions.push(`EM.bns_end_date <= $${idx++}`);
+    params.push(body.expense_date_to || body.bns_end_date);
+  }
+
+  const whereClause = conditions.length > 0 ? "AND " + conditions.join(" AND ") : "";
+
+  const sql = `
+    SELECT EM.expense_master_objid::text AS "OBJID", EM.expense_id AS "EXPENSE_ID",
+      CM.contract_no AS "PROJECT_NO", CM.project_name AS "PROJECT_NAME",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = EM.reg_user_id LIMIT 1), '') AS "REG_USER_NAME",
+      EM.bns_start_date AS "BNS_START_DATE",
+      EM.bns_end_date AS "BNS_END_DATE",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = EM.exp_status_cd LIMIT 1), '') AS "EXP_STATUS_NAME",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = EM.exp_area_cd LIMIT 1), '') AS "EXP_AREA_NAME",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = EM.exp_sort_cd LIMIT 1), '') AS "EXP_SORT_NAME",
+      EM.bus_title AS "BUS_TITLE", EM.bus_content AS "BUS_CONTENT",
+      EM.vehicel_used AS "VEHICEL_USED",
+      COALESCE(EM.amount_payment::numeric, 0) AS "AMOUNT_PAYMENT",
+      EM.expense_id AS "EXPENSE_FORM_NO",
+      EM.bns_start_date AS "EXPENSE_DATE",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = EM.exp_sort_cd LIMIT 1), '') AS "EXPENSE_TYPE_NAME",
+      COALESCE(EM.amount_payment::numeric, 0) AS "EXPENSE_AMOUNT",
+      EM.bus_title AS "EXPENSE_PLACE",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = EM.status LIMIT 1), EM.status) AS "STATUS_NAME",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = EM.reg_user_id LIMIT 1), '') AS "WRITER_NAME",
+      EM.status AS "STATUS",
+      EM.reg_date AS "REG_DATE",
+      COALESCE((SELECT SUM(COALESCE(ED.payment,'0')::numeric) FROM expense_detail ED WHERE ED.expense_master_objid = EM.expense_master_objid), 0) AS "DETAIL_TOTAL"
+    FROM expense_master EM
+    LEFT JOIN contract_mgmt CM ON CM.objid::text = EM.project_mgmt_objid
+    WHERE 1=1 ${whereClause}
+    ORDER BY EM.reg_date DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/fund/expense-form/save/route.ts b/src/app/api/fund/expense-form/save/route.ts
new file mode 100644
index 0000000..8520726
--- /dev/null
+++ b/src/app/api/fund/expense-form/save/route.ts
@@ -0,0 +1,54 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 경비신청서 저장 (mergeExpenseMaster 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : body.objId;
+
+  const client = await pool.connect();
+  try {
+    // 신규시 expense_id 자동 생성: EC-YYYY-NNN
+    let expenseId = body.expense_id || "";
+    if (isNew && !expenseId) {
+      const year = new Date().getFullYear();
+      const r = await client.query(
+        `SELECT COALESCE(MAX(SUBSTR(expense_id, 9)::numeric), 0)::int + 1 AS seq
+         FROM expense_master WHERE expense_id LIKE $1`, [`EC-${year}-%`]
+      );
+      const seq = r.rows[0]?.seq || 1;
+      expenseId = `EC-${year}-${String(seq).padStart(3, "0")}`;
+    }
+
+    await client.query(
+      `INSERT INTO expense_master (
+        expense_master_objid, expense_id, project_mgmt_objid,
+        bns_start_date, bns_end_date, exp_status_cd, exp_sort_cd,
+        exp_area_cd, bus_title, bus_content, vehicel_used, amount_payment,
+        reg_user_id, reg_date, status
+      ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, now(), $14)
+      ON CONFLICT (expense_master_objid) DO UPDATE SET
+        project_mgmt_objid=EXCLUDED.project_mgmt_objid,
+        bns_start_date=EXCLUDED.bns_start_date, bns_end_date=EXCLUDED.bns_end_date,
+        exp_status_cd=EXCLUDED.exp_status_cd, exp_sort_cd=EXCLUDED.exp_sort_cd,
+        exp_area_cd=EXCLUDED.exp_area_cd, bus_title=EXCLUDED.bus_title,
+        bus_content=EXCLUDED.bus_content, vehicel_used=EXCLUDED.vehicel_used,
+        amount_payment=EXCLUDED.amount_payment, status=EXCLUDED.status`,
+      [objId, expenseId, body.project_mgmt_objid || "",
+       body.bns_start_date || null, body.bns_end_date || null,
+       body.exp_status_cd || "", body.exp_sort_cd || "",
+       body.exp_area_cd || "", body.bus_title || "", body.bus_content || "",
+       body.vehicel_used || "", body.amount_payment || "0",
+       user.userId, body.status || "created"]
+    );
+    return NextResponse.json({ success: true, objId, expenseId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Expense save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/fund/invoice/detail/route.ts b/src/app/api/fund/invoice/detail/route.ts
new file mode 100644
index 0000000..6eaeae7
--- /dev/null
+++ b/src/app/api/fund/invoice/detail/route.ts
@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT IM.objid::text AS "OBJID", IM.parent_objid AS "PARENT_OBJID",
+       IM.price_sum AS "PRICE_SUM", IM.issuance_date AS "ISSUANCE_DATE",
+       IM.status AS "STATUS", IM.group_seq AS "GROUP_SEQ",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+       CM.contract_no AS "PROJECT_NO", CM.project_name AS "PROJECT_NAME",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = IM.writer LIMIT 1), '') AS "WRITER_NAME"
+     FROM invoice_mgmt IM
+     LEFT JOIN contract_mgmt CM ON CM.objid::text = IM.parent_objid
+     WHERE IM.objid::text = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/fund/invoice/route.ts b/src/app/api/fund/invoice/route.ts
new file mode 100644
index 0000000..e68e006
--- /dev/null
+++ b/src/app/api/fund/invoice/route.ts
@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(IM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.customer_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.customer_name);
+  }
+  if (body.invoice_date_from) {
+    conditions.push(`IM.issuance_date >= $${idx++}`);
+    params.push(body.invoice_date_from);
+  }
+  if (body.invoice_date_to) {
+    conditions.push(`IM.issuance_date <= $${idx++}`);
+    params.push(body.invoice_date_to);
+  }
+
+  const whereClause = conditions.length > 0 ? "AND " + conditions.join(" AND ") : "";
+
+  const sql = `
+    SELECT IM.objid::text AS "OBJID",
+      IM.objid::text AS "INVOICE_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      CM.contract_no AS "PROJECT_NO", CM.project_name AS "PROJECT_NAME",
+      IM.issuance_date AS "INVOICE_DATE",
+      COALESCE(IM.price_sum::numeric, 0) AS "SUPPLY_AMOUNT",
+      ROUND(COALESCE(IM.price_sum::numeric, 0) * 0.1) AS "TAX_AMOUNT",
+      ROUND(COALESCE(IM.price_sum::numeric, 0) * 1.1) AS "TOTAL_AMOUNT",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = IM.status LIMIT 1), IM.status) AS "STATUS_NAME",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = IM.writer LIMIT 1), '') AS "WRITER_NAME"
+    FROM invoice_mgmt IM
+    LEFT JOIN contract_mgmt CM ON CM.objid::text = IM.parent_objid
+    WHERE 1=1 ${whereClause}
+    ORDER BY IM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/fund/invoice/save/route.ts b/src/app/api/fund/invoice/save/route.ts
new file mode 100644
index 0000000..a76d85c
--- /dev/null
+++ b/src/app/api/fund/invoice/save/route.ts
@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 거래명세서 저장
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : body.objId;
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO invoice_mgmt (objid, parent_objid, group_seq, price_sum, issuance_date, status, regdate, writer)
+       VALUES ($1, $2, $3, $4, $5, $6, now(), $7)
+       ON CONFLICT (objid) DO UPDATE SET
+        parent_objid=EXCLUDED.parent_objid,
+        group_seq=EXCLUDED.group_seq,
+        price_sum=EXCLUDED.price_sum,
+        issuance_date=EXCLUDED.issuance_date,
+        status=EXCLUDED.status`,
+      [objId, body.parent_objid || "", body.group_seq || 1,
+       body.price_sum || body.supply_amount || "0",
+       body.issuance_date || null, body.status || "created", user.userId]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Invoice save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/inventory/fund/route.ts b/src/app/api/inventory/fund/route.ts
new file mode 100644
index 0000000..0371935
--- /dev/null
+++ b/src/app/api/inventory/fund/route.ts
@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 자재관리 > 자금관리 (공급업체별 발주/입고 금액 집계)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["POM.status = 'approvalComplete'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.month) {
+    conditions.push(`TO_CHAR(POM.regdate, 'MM') = $${idx++}`);
+    params.push(body.month);
+  }
+  if (body.partner_objid) {
+    conditions.push(`POM.partner_objid = $${idx++}`);
+    params.push(body.partner_objid);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT POM.partner_objid AS "PARTNER_OBJID",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "PARTNER_NAME",
+       -- 발주금액
+       SUM(COALESCE(NULLIF(POM.total_supply_price,'')::numeric, 0)) AS "ORDER_AMOUNT",
+       -- 입고금액 (입고된 파트의 공급가 합산)
+       COALESCE(SUM((SELECT SUM(COALESCE(NULLIF(AP2.receipt_qty,'')::numeric, 0) * COALESCE(NULLIF(POP2.partner_price,'')::numeric, 0))
+                     FROM purchase_order_part POP2
+                     LEFT JOIN arrival_plan AP2 ON AP2.order_part_objid = POP2.objid::text
+                     WHERE POP2.purchase_order_master_objid = POM.objid)), 0) AS "DELIVERY_AMOUNT",
+       -- 지급 관련 (placeholder — 별도 지급 테이블 확인 필요)
+       0 AS "PAYMENT_PLAN_AMOUNT",
+       0 AS "PAYMENT_DONE_AMOUNT",
+       SUM(COALESCE(NULLIF(POM.total_supply_price,'')::numeric, 0)) AS "UNPAID_AMOUNT",
+       POM.delivery_date AS "PAYMENT_PLAN_DATE",
+       '' AS "PAYMENT_STATUS_NAME",
+       '' AS "REMARK"
+     FROM purchase_order_master POM
+     WHERE ${where}
+     GROUP BY POM.partner_objid, POM.delivery_date
+     ORDER BY "PARTNER_NAME"
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/inventory/input/save/route.ts b/src/app/api/inventory/input/save/route.ts
new file mode 100644
index 0000000..37487cd
--- /dev/null
+++ b/src/app/api/inventory/input/save/route.ts
@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const objId = createObjectId();
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    // Insert input record
+    await client.query(
+      `INSERT INTO inventory_mgmt_in (objid, parent_objid, receipt_qty, location, writer, regdate)
+       VALUES ($1, $2, $3, $4, $5, now())`,
+      [objId, body.parent_objid || "", body.receipt_qty || "", body.location || "", user.userId]
+    );
+    // Update parent inventory_mgmt input_qty and input_date
+    await client.query(
+      `UPDATE inventory_mgmt SET
+        input_qty = COALESCE(input_qty, '0')::numeric + COALESCE($1, '0')::numeric || '',
+        input_date = now()::text
+       WHERE objid = $2`,
+      [body.receipt_qty || "0", body.parent_objid || ""]
+    );
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "입고 등록되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Inventory input save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/inventory/list/delete/route.ts b/src/app/api/inventory/list/delete/route.ts
new file mode 100644
index 0000000..65a6011
--- /dev/null
+++ b/src/app/api/inventory/list/delete/route.ts
@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 자재 삭제 (deleteInventoryMng 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objIds } = await request.json();
+  if (!objIds?.length) return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM inventory_mgmt_out WHERE parent_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM inventory_mgmt_in WHERE parent_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM inventory_mgmt_history WHERE parent_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM inventory_mgmt WHERE objid IN (${ph})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Inventory delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/inventory/list/route.ts b/src/app/api/inventory/list/route.ts
new file mode 100644
index 0000000..05b1a3d
--- /dev/null
+++ b/src/app/api/inventory/list/route.ts
@@ -0,0 +1,175 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 자재관리 > 자재리스트 (inventoryMng.getInventoryMngGridList 대응)
+// 원본: /Users/jhj/FITO/src/com/pms/mapper/inventoryMng.xml (line 790)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // project_nos: comma-delimited (다중 선택)
+  const projectNos = String(body.project_nos || "").trim();
+  if (projectNos) {
+    const arr = projectNos.split(",").map((s) => s.trim()).filter(Boolean);
+    if (arr.length) {
+      const placeholders = arr.map(() => `$${idx++}`).join(",");
+      conditions.push(`IM.contract_objid IN (${placeholders})`);
+      params.push(...arr);
+    }
+  }
+  if (body.unit_code) {
+    conditions.push(`IM.unit = $${idx++}`);
+    params.push(body.unit_code);
+  }
+  if (body.part_no) {
+    conditions.push(`UPPER(P.part_no) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(`UPPER(P.part_name) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.part_name);
+  }
+  if (body.spec) {
+    conditions.push(`UPPER(P.spec) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.spec);
+  }
+  if (body.part_type) {
+    conditions.push(`P.part_type = $${idx++}`);
+    params.push(body.part_type);
+  }
+  if (body.cls_cd) {
+    conditions.push(`IM.cls_cd = $${idx++}`);
+    params.push(body.cls_cd);
+  }
+  if (body.cau_cd) {
+    conditions.push(`IM.cau_cd = $${idx++}`);
+    params.push(body.cau_cd);
+  }
+  if (body.location) {
+    conditions.push(`IM.location = $${idx++}`);
+    params.push(body.location);
+  }
+  if (body.writer) {
+    conditions.push(`IM.writer = $${idx++}`);
+    params.push(body.writer);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT
+        IM.OBJID::text AS "OBJID",
+        IM.PART_OBJID AS "PART_OBJID",
+        IM.CONTRACT_OBJID AS "CONTRACT_OBJID",
+        IM.UNIT AS "UNIT",
+        IM.CLS_CD AS "CLS_CD",
+        IM.CAU_CD AS "CAU_CD",
+        IM.QTY AS "QTY",
+        IM.LOCATION AS "LOCATION",
+        IM.REG_DATE AS "REG_DATE",
+        IM.PRICE AS "PRICE",
+        IM.WRITER AS "WRITER",
+        IM.PART_NO AS "PART_NO",
+        IM.PART_NAME AS "PART_NAME",
+        IM.SPEC AS "SPEC",
+        IM.MAKER AS "MAKER",
+        IM.PART_TYPE_NAME AS "PART_TYPE_NAME",
+        IM.PART_TYPE AS "PART_TYPE",
+        IM.MATERIAL AS "MATERIAL",
+        IM.WRITER_NAME AS "WRITER_NAME",
+        (SELECT project_no FROM project_mgmt O WHERE O.objid = IM.CONTRACT_OBJID) AS "PROJECT_NO",
+        (
+          COALESCE((
+            SELECT SUM(CASE WHEN (O.receipt_qty IS NULL OR O.receipt_qty = '')
+                            THEN 0
+                            ELSE (O.receipt_qty::numeric - COALESCE(O.move_qty::numeric, 0))
+                       END)
+            FROM inventory_mgmt_in O WHERE O.parent_objid = IM.OBJID
+          ), 0)
+          - COALESCE((
+            SELECT SUM(CASE WHEN (O.request_qty IS NULL OR O.request_qty = '')
+                            THEN 0
+                            ELSE O.request_qty::numeric
+                       END)
+            FROM inventory_mgmt_out O WHERE O.parent_objid = IM.OBJID
+          ), 0)
+        ) AS "USE_CNT",
+        (
+          COALESCE((
+            SELECT SUM(CASE WHEN (O.receipt_qty IS NULL OR O.receipt_qty = '')
+                            THEN 0
+                            ELSE (O.receipt_qty::numeric - COALESCE(O.move_qty::numeric, 0))
+                       END)
+            FROM inventory_mgmt_in O, inventory_mgmt S_IM
+            WHERE S_IM.part_objid = IM.PART_OBJID
+              AND O.parent_objid = S_IM.objid
+          ), 0)
+          - COALESCE((
+            SELECT SUM(CASE WHEN (O.request_qty IS NULL OR O.request_qty = '')
+                            THEN 0
+                            ELSE O.request_qty::numeric
+                       END)
+            FROM inventory_mgmt_out O, inventory_mgmt S_IM
+            WHERE S_IM.part_objid = IM.PART_OBJID
+              AND O.parent_objid = S_IM.objid
+          ), 0)
+        ) AS "USE_CNT_ALL",
+        COALESCE((
+          SELECT SUM(CASE WHEN (O.out_qty IS NULL OR O.out_qty = '')
+                          THEN 0
+                          ELSE O.out_qty::numeric
+                     END)
+          FROM inventory_mgmt_out O WHERE O.parent_objid = IM.OBJID
+        ), 0) AS "REQUEST_QTY",
+        (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = IM.UNIT) AS "UNIT_NAME",
+        (
+          SELECT ARRAY_TO_STRING(ARRAY_AGG(DISTINCT (SELECT code_name FROM comm_code CC WHERE CC.code_id = IMI.location)), ',')
+          FROM inventory_mgmt_in IMI WHERE IMI.parent_objid = IM.OBJID
+        ) AS "LOCATION_NAME",
+        (
+          SELECT MAX(O.remark) FROM inventory_mgmt_out_master O
+          WHERE O.objid IN (
+            SELECT T1.inventory_request_master_objid FROM inventory_mgmt_out T1
+            WHERE T1.parent_objid = IM.OBJID ORDER BY T1.regdate DESC LIMIT 1
+          )
+        ) AS "REMARK",
+        (SELECT code_name FROM comm_code WHERE code_id = IM.CLS_CD) AS "CLS_CD_NAME",
+        (SELECT code_name FROM comm_code WHERE code_id = IM.CAU_CD) AS "CAU_CD_NAME"
+     FROM (
+        SELECT
+          IM.objid AS OBJID,
+          IM.part_objid AS PART_OBJID,
+          P.part_no AS PART_NO,
+          P.part_name AS PART_NAME,
+          P.spec AS SPEC,
+          P.maker AS MAKER,
+          (SELECT code_name FROM comm_code WHERE code_id = P.part_type) AS PART_TYPE_NAME,
+          P.part_type AS PART_TYPE,
+          P.material AS MATERIAL,
+          IM.cls_cd AS CLS_CD,
+          IM.cau_cd AS CAU_CD,
+          IM.qty AS QTY,
+          IM.location AS LOCATION,
+          IM.reg_date AS REG_DATE,
+          IM.price AS PRICE,
+          IM.writer AS WRITER,
+          (SELECT user_name FROM user_info WHERE user_id = IM.writer) AS WRITER_NAME,
+          IM.contract_objid AS CONTRACT_OBJID,
+          IM.unit AS UNIT
+        FROM inventory_mgmt IM
+          INNER JOIN part_mng P ON P.objid::varchar = IM.part_objid
+        WHERE ${where}
+      ) IM
+     ORDER BY IM.REG_DATE DESC NULLS LAST
+`,
+    params,
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/inventory/list/save/route.ts b/src/app/api/inventory/list/save/route.ts
new file mode 100644
index 0000000..9436235
--- /dev/null
+++ b/src/app/api/inventory/list/save/route.ts
@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId, getDate } from "@/lib/utils";
+
+// 자재등록 (saveinventoryForm 대응)
+// 원본 쿼리: inventoryMng.xml line 595
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objId = body.objId || body.objid || createObjectId();
+
+  try {
+    // inventory_mgmt PK = (contract_objid, unit, part_objid) 복합키
+    await execute(
+      `INSERT INTO inventory_mgmt
+        (objid, contract_objid, unit, part_objid, cls_cd, cau_cd, qty,
+         location, sub_location, reg_date, price, writer)
+       VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12)
+       ON CONFLICT (contract_objid, unit, part_objid) DO UPDATE SET
+         cls_cd = EXCLUDED.cls_cd,
+         cau_cd = EXCLUDED.cau_cd,
+         qty = EXCLUDED.qty,
+         location = EXCLUDED.location,
+         sub_location = EXCLUDED.sub_location,
+         price = EXCLUDED.price,
+         writer = EXCLUDED.writer`,
+      [
+        objId,
+        body.contract_objid || body.project_no || "",
+        body.unit || "",
+        body.part_objid || body.part_no || "",
+        body.cls_cd || "",
+        body.cau_cd || "",
+        body.qty || "0",
+        body.location || "",
+        body.sub_location || "",
+        body.reg_date || getDate(),
+        body.price || "0",
+        user.userId,
+      ],
+    );
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    console.error("inventory list save:", e);
+    return NextResponse.json({ success: false, message: "오류가 발생하였습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/inventory/move/save/route.ts b/src/app/api/inventory/move/save/route.ts
new file mode 100644
index 0000000..5f6668c
--- /dev/null
+++ b/src/app/api/inventory/move/save/route.ts
@@ -0,0 +1,75 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 자재이동 저장 (saveInventoryMove 대응)
+// 원본: InventoryMngController.saveInventoryMove → mergeInventoryMoveInfo + saveInventoryMoveInInfo
+// 각 라인별로:
+//   1) 기존 inventory_mgmt_in 행의 move_objid=신규OBJID, move_qty=이동수량 업데이트
+//   2) 신규 inventory_mgmt_in 행 INSERT (이동된 재고, move_date/move_user 포함)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const lines = Array.isArray(body.lines) ? body.lines : [];
+  if (lines.length === 0) {
+    return NextResponse.json({ success: false, message: "이동수량을 입력해주세요." });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    for (const line of lines) {
+      const moveObjId = createObjectId();
+
+      // 1. 원본 inventory_mgmt_in 행의 move_objid/move_qty 갱신
+      await client.query(
+        `UPDATE inventory_mgmt_in
+           SET move_objid = $1::varchar,
+               move_qty = $2
+         WHERE objid = $3`,
+        [moveObjId, line.MOVE_QTY, line.IN_OBJID],
+      );
+
+      // 2. 신규 inventory_mgmt_in 행 INSERT (같은 parent_objid 아래 이동처리된 행)
+      // $1은 새 inventory_mgmt_in.objid + 원본 행 검색용 move_objid로 두 번 사용 → 명시 cast
+      await client.query(
+        `INSERT INTO inventory_mgmt_in (
+            objid, parent_objid, receipt_qty, location, sub_location,
+            writer, regdate, purchase_order_master_objid, contract_mgmt_objid,
+            purchase_order_sub_objid, move_date, move_user
+         )
+         SELECT $1::varchar, parent_objid, $2, $3, $4, $5, now(),
+                purchase_order_master_objid, contract_mgmt_objid, purchase_order_sub_objid,
+                $6, $7
+           FROM inventory_mgmt_in
+          WHERE move_objid = $8::varchar`,
+        [
+          moveObjId,
+          line.MOVE_QTY,
+          line.LOCATION || "",
+          line.SUB_LOCATION || "",
+          user.userId,
+          line.MOVE_DATE || "",
+          line.MOVE_USER || "",
+          moveObjId,
+        ],
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("inventory move save:", e);
+    return NextResponse.json(
+      { success: false, message: "오류가 발생하였습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/inventory/request/accept/route.ts b/src/app/api/inventory/request/accept/route.ts
new file mode 100644
index 0000000..7975b11
--- /dev/null
+++ b/src/app/api/inventory/request/accept/route.ts
@@ -0,0 +1,81 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { getDate } from "@/lib/utils";
+
+// 자재불출 완료 (acceptInventoryRequestInfo 대응)
+// 원본: InventoryMngController.acceptInventoryRequestInfo, inventoryMng.xml line 2191, 2200, 2073
+// 1) transfer(인계) 라인별 OUT_QTY/OUT_DATE/ACQ_USER 업데이트 (lines 파라미터 활용)
+// 2) mergeAcceptInventoryRequestInfo: master의 outstatus='complete', request_date 업데이트
+// 3) mergeAcceptInventoryRequestPartInfo: 모든 OUT 라인의 out_date 일괄 업데이트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const masterObjId = String(body.INVENTORY_REQUEST_MASTER_OBJID || "");
+  if (!masterObjId) {
+    return NextResponse.json({ success: false, message: "마스터 OBJID 누락" }, { status: 400 });
+  }
+  const lines: Array<Record<string, unknown>> = Array.isArray(body.lines) ? body.lines : [];
+  const requestDate = String(body.REQUEST_DATE || getDate());
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1. 라인별 OUT_QTY/OUT_DATE/ACQ_USER 업데이트
+    for (const line of lines) {
+      await client.query(
+        `INSERT INTO inventory_mgmt_out
+            (objid, parent_objid, request_qty, writer, regdate,
+             inventory_request_master_objid)
+         VALUES ($1, $2, $3, $4, NOW(), $5)
+         ON CONFLICT (objid) DO UPDATE SET
+           out_qty = $6,
+           out_date = $7,
+           acq_user = $8,
+           writer = $4`,
+        [
+          String(line.OBJID || ""),
+          String(line.PARENT_OBJID || ""),
+          String(line.REQUEST_QTY || "0"),
+          user.userId,
+          masterObjId,
+          String(line.OUT_QTY || "0"),
+          String(line.OUT_DATE || requestDate),
+          String(line.ACQ_USER || ""),
+        ],
+      );
+    }
+
+    // 2. 마스터 불출완료 상태
+    await client.query(
+      `UPDATE inventory_mgmt_out_master
+          SET outstatus = $1,
+              request_date = $2
+        WHERE objid = $3`,
+      ["complete", requestDate, masterObjId],
+    );
+
+    // 3. 상세 out_date 일괄
+    await client.query(
+      `UPDATE inventory_mgmt_out
+          SET out_date = $1
+        WHERE inventory_request_master_objid = $2`,
+      [requestDate, masterObjId],
+    );
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "불출완료되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("inventory request accept:", e);
+    return NextResponse.json(
+      { success: false, message: "오류가 발생하였습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/inventory/request/delete/route.ts b/src/app/api/inventory/request/delete/route.ts
new file mode 100644
index 0000000..8f38c5f
--- /dev/null
+++ b/src/app/api/inventory/request/delete/route.ts
@@ -0,0 +1,20 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 불출의뢰서 삭제 (inventory_mgmt_out_master + inventory_mgmt_out)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objIds } = await request.json();
+  if (!objIds?.length) return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM inventory_mgmt_out WHERE inventory_request_master_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM inventory_mgmt_out_master WHERE objid IN (${ph})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Inventory request delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/inventory/request/design-qty/route.ts b/src/app/api/inventory/request/design-qty/route.ts
new file mode 100644
index 0000000..e8a7041
--- /dev/null
+++ b/src/app/api/inventory/request/design-qty/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 설계수량 조회 (inventoryMng.getPartQTYInfoList 대응)
+// 원본: inventoryMng.xml line 1739
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const partObjId = String(body.part_objid || body.PART_OBJID || "");
+  const projectObjId = String(body.project_objid || body.PROJECT_OBJID || "");
+  const unitCode = String(body.unit_code || body.UNIT_CODE || "");
+  if (!partObjId || !projectObjId || !unitCode) {
+    return NextResponse.json({ RESULTLIST: [] });
+  }
+
+  const rows = await queryRows(
+    `SELECT
+        T.*,
+        (COALESCE(NULLIF(T."DESIGN_QTY1", '')::numeric, 0) * COALESCE(T."QTY1", 0)
+          * COALESCE(NULLIF(T."QTY3", '')::numeric, 1)) AS "DESIGN_QTY"
+      FROM (
+        SELECT
+          BPQ.bom_report_objid AS "BOM_REPORT_OBJID",
+          BPQ.qty AS "DESIGN_QTY1",
+          (SELECT MAX(COALESCE(NULLIF(BPQ.qty, '')::numeric, 0))
+             FROM bom_part_qty BPQ
+             WHERE BPQ.bom_report_objid = PBR.objid AND COALESCE(BPQ.parent_part_no, '') = '') AS "QTY1",
+          (SELECT SUM(COALESCE(NULLIF(BPQ3.qty, '')::numeric, 0))::text
+             FROM bom_part_qty BPQ3
+             WHERE BPQ3.bom_report_objid = PBR.objid AND BPQ3.child_objid = BPQ.parent_objid) AS "QTY3",
+          PM.objid AS "PART_OBJID",
+          PM.part_no AS "PART_NO",
+          PM.part_name AS "PART_NAME",
+          PBR.contract_objid AS "CONTRACT_OBJID",
+          PBR.unit_code AS "UNIT_CODE",
+          COALESCE((SELECT SUM(CASE WHEN (out_qty IS NULL OR out_qty = '') THEN 0
+                                    ELSE out_qty::numeric END)
+                    FROM inventory_mgmt_out O, inventory_mgmt S_IM
+                    WHERE S_IM.part_objid = PM.objid
+                      AND O.parent_objid = S_IM.objid
+                      AND O.contract_mgmt_objid = PBR.contract_objid
+                      AND O.unit = PBR.unit_code), 0) AS "OUT_QTY"
+        FROM bom_part_qty BPQ
+        LEFT OUTER JOIN part_mng PM ON PM.objid = BPQ.part_no
+        LEFT OUTER JOIN part_bom_report PBR ON PBR.objid = BPQ.bom_report_objid
+        WHERE BPQ.last_part_objid = $1
+          AND PBR.contract_objid = $2
+          AND PBR.unit_code = $3
+          AND BPQ.status = 'deploy'
+      ) T
+`,
+    [partObjId, projectObjId, unitCode],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/inventory/request/detail/route.ts b/src/app/api/inventory/request/detail/route.ts
new file mode 100644
index 0000000..7b61708
--- /dev/null
+++ b/src/app/api/inventory/request/detail/route.ts
@@ -0,0 +1,84 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 불출의뢰서 상세 (inventoryMng.getInventoryRequestMasterInfo + getInventoryMngRequestDetailList 대응)
+// 원본: inventoryMng.xml line 1946, 2110
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const masterObjId = String(body.INVENTORY_REQUEST_MASTER_OBJID || body.objId || "");
+  if (!masterObjId) {
+    return NextResponse.json({ success: false, message: "OBJID 누락" }, { status: 400 });
+  }
+
+  const master = await queryOne(
+    `SELECT
+        IM.objid::text AS "OBJID",
+        IM.parent_objid AS "PARENT_OBJID",
+        IM.inventory_out_no AS "INVENTORY_OUT_NO",
+        IM.request_date AS "REQUEST_DATE",
+        IM.request_id AS "REQUEST_ID",
+        IM.reception_status AS "RECEPTION_STATUS",
+        IM.reception_id AS "RECEPTION_ID",
+        IM.reception_date AS "RECEPTION_DATE",
+        IM.outstatus AS "OUTSTATUS",
+        IM.writer AS "WRITER",
+        IM.regdate AS "REGDATE",
+        IM.remark AS "REMARK",
+        IM.contract_mgmt_objid AS "CONTRACT_MGMT_OBJID",
+        IM.sign AS "SIGN",
+        (SELECT project_no FROM project_mgmt P WHERE P.objid = IM.contract_mgmt_objid) AS "PROJECT_NO"
+      FROM inventory_mgmt_out_master IM
+      WHERE IM.objid = $1`,
+    [masterObjId],
+  );
+
+  const details = await queryRows(
+    `SELECT
+        IMO.objid::text AS "OBJID",
+        IMO.parent_objid AS "PARENT_OBJID",
+        IMO.request_qty AS "REQUEST_QTY",
+        IMO.out_qty AS "OUT_QTY",
+        IMO.out_date AS "OUT_DATE",
+        IMO.writer AS "WRITER",
+        IMO.acq_user AS "ACQ_USER",
+        IMO.inventory_request_master_objid AS "INVENTORY_REQUEST_MASTER_OBJID",
+        IMO.sign AS "SIGN_ROW",
+        IMO.contract_mgmt_objid AS "CONTRACT_MGMT_OBJID",
+        IMO.unit AS "UNIT",
+        (SELECT project_no FROM project_mgmt PM WHERE PM.objid = IMO.contract_mgmt_objid) AS "PROJECT_NO",
+        (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = IMO.unit) AS "UNIT_NAME",
+        (SELECT part_no FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_NO",
+        (SELECT part_name FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_NAME",
+        (SELECT spec FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "SPEC",
+        (SELECT maker FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "MAKER",
+        (SELECT (SELECT code_name FROM comm_code CC WHERE CC.code_id = part_type)
+           FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_TYPE_NAME",
+        (SELECT material FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "MATERIAL",
+        (SELECT code_name FROM comm_code O
+           WHERE O.code_id = COALESCE(NULLIF(IMI.location, ''), IM.location)) AS "LOCATION_NAME",
+        (SELECT code_name FROM comm_code O
+           WHERE O.code_id = COALESCE(NULLIF(IMI.sub_location, ''), IM.sub_location)) AS "SUB_LOCATION_NAME",
+        (SELECT sign FROM inventory_mgmt_out_master O WHERE O.objid = IMO.inventory_request_master_objid) AS "SIGN",
+        (SELECT user_name FROM user_info UI
+          WHERE UI.user_id = (
+            SELECT writer FROM inventory_mgmt_in IMI2
+             WHERE IMI2.parent_objid = IMO.parent_objid
+             ORDER BY regdate DESC LIMIT 1
+          )) AS "RECEIVER_NAME",
+        (SELECT user_name FROM user_info UI WHERE UI.user_id = IMO.acq_user) AS "ACQ_USER_NAME",
+        IMI.objid AS "IN_OBJID"
+      FROM inventory_mgmt_out IMO
+      LEFT OUTER JOIN inventory_mgmt IM ON IM.objid = IMO.parent_objid
+      LEFT OUTER JOIN inventory_mgmt_in IMI
+        ON IMO.objid = ANY(STRING_TO_ARRAY(IMI.out_objid, ','))
+      WHERE IMO.inventory_request_master_objid = $1
+      ORDER BY IMO.regdate`,
+    [masterObjId],
+  );
+
+  return NextResponse.json({ success: true, master, details });
+}
diff --git a/src/app/api/inventory/request/history/route.ts b/src/app/api/inventory/request/history/route.ts
new file mode 100644
index 0000000..9e3fc65
--- /dev/null
+++ b/src/app/api/inventory/request/history/route.ts
@@ -0,0 +1,70 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 입출고 History 팝업 (getInventoryRequestHistoryList 대응)
+// 원본: inventoryMng.xml line 2142
+// 입고(inventory_mgmt_in, move_date 없음) + 출고(inventory_mgmt_out) + 이동(inventory_mgmt_in, move_date 있음)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objId = String(body.objId || body.OBJID || "");
+  if (!objId) return NextResponse.json({ RESULTLIST: [] });
+
+  const rows = await queryRows(
+    `SELECT
+        (SELECT MAX(parent_objid) FROM arrival_plan O
+           WHERE O.part_objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "OBJID",
+        (SELECT part_no FROM part_mng O
+           WHERE O.objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "PART_NO",
+        (SELECT part_name FROM part_mng O
+           WHERE O.objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "PART_NAME",
+        '입고' AS "GUBUN",
+        T.receipt_qty AS "RECEIPT_QTY",
+        (SELECT code_name FROM comm_code WHERE code_id = T.location) AS "LOCATION_NAME",
+        (SELECT code_name FROM comm_code WHERE code_id = T.sub_location) AS "SUB_LOCATION_NAME",
+        (SELECT project_no FROM project_mgmt PM WHERE PM.objid = T.contract_mgmt_objid) AS "PROJECT_NO"
+      FROM inventory_mgmt_in T
+      WHERE T.parent_objid = $1
+        AND (T.move_date IS NULL OR T.move_date = '')
+    UNION ALL
+      SELECT
+        T2.objid AS "OBJID",
+        (SELECT part_no FROM part_mng O
+           WHERE O.objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "PART_NO",
+        (SELECT part_name FROM part_mng O
+           WHERE O.objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "PART_NAME",
+        '출고' AS "GUBUN",
+        T.out_qty AS "RECEIPT_QTY",
+        (SELECT code_name FROM comm_code WHERE code_id = T1.location) AS "LOCATION_NAME",
+        (SELECT code_name FROM comm_code WHERE code_id = T1.sub_location) AS "SUB_LOCATION_NAME",
+        (SELECT project_no FROM project_mgmt PM WHERE PM.objid = T.contract_mgmt_objid) AS "PROJECT_NO"
+      FROM inventory_mgmt_out T
+      LEFT JOIN inventory_mgmt T1 ON T.parent_objid = T1.objid
+      LEFT JOIN inventory_mgmt_out_master T2 ON T.inventory_request_master_objid = T2.objid
+      WHERE T.parent_objid = $1
+    UNION ALL
+      SELECT
+        (SELECT MAX(parent_objid) FROM arrival_plan O
+           WHERE O.part_objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "OBJID",
+        (SELECT part_no FROM part_mng O
+           WHERE O.objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "PART_NO",
+        (SELECT part_name FROM part_mng O
+           WHERE O.objid = (SELECT part_objid FROM inventory_mgmt O1 WHERE O1.objid = T.parent_objid)) AS "PART_NAME",
+        '이동' AS "GUBUN",
+        T.receipt_qty AS "RECEIPT_QTY",
+        (SELECT code_name FROM comm_code WHERE code_id = T.location) AS "LOCATION_NAME",
+        (SELECT code_name FROM comm_code WHERE code_id = T.sub_location) AS "SUB_LOCATION_NAME",
+        (SELECT project_no FROM project_mgmt PM WHERE PM.objid = T.contract_mgmt_objid) AS "PROJECT_NO"
+      FROM inventory_mgmt_in T
+      WHERE T.parent_objid = $1
+        AND T.move_date IS NOT NULL
+        AND T.move_date != ''
+`,
+    [objId],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/inventory/request/parts/route.ts b/src/app/api/inventory/request/parts/route.ts
new file mode 100644
index 0000000..462d030
--- /dev/null
+++ b/src/app/api/inventory/request/parts/route.ts
@@ -0,0 +1,101 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 불출의뢰/자재이동 팝업에서 선택된 inventory_mgmt OBJID들의 상세정보
+// 원본: inventoryMng.getInventoryMngRequestList (inventoryMng.xml line 1665)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const checkArrRaw = body.checkArr;
+  const arr: string[] = Array.isArray(checkArrRaw)
+    ? checkArrRaw.map(String)
+    : String(checkArrRaw || "")
+        .split(",")
+        .map((s) => s.trim())
+        .filter(Boolean);
+  if (arr.length === 0) {
+    return NextResponse.json({ RESULTLIST: [] });
+  }
+
+  const placeholders = arr.map((_, i) => `$${i + 1}`).join(",");
+
+  const rows = await queryRows(
+    `SELECT
+        TBL.*,
+        (COALESCE(TBL."DESIGN_QTY1", 0) * COALESCE(TBL."QTY1", 0)
+          * COALESCE(NULLIF(TBL."QTY3", '')::numeric, 1)) AS "DESIGN_QTY"
+      FROM (
+        SELECT
+          IM.objid::text AS "OBJID",
+          IM.part_objid AS "PART_OBJID",
+          (SELECT project_no FROM project_mgmt O WHERE O.objid = IM.contract_objid) AS "PROJECT_NO",
+          CASE WHEN IMI.receipt_qty IS NULL OR IMI.receipt_qty = '' THEN 0
+               ELSE (IMI.receipt_qty::numeric - COALESCE(NULLIF(IMI.out_qty, '')::numeric, 0) - COALESCE(NULLIF(IMI.move_qty, '')::numeric, 0))
+          END AS "USE_CNT",
+          (SELECT SUM(CASE WHEN (receipt_qty IS NULL OR receipt_qty = '') THEN 0 ELSE receipt_qty::numeric END)
+           FROM inventory_mgmt_in O WHERE O.parent_objid = IM.objid) AS "QTY",
+          (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = IM.unit) AS "UNIT_NAME",
+          (SELECT part_no FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_NO",
+          (SELECT part_name FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_NAME",
+          (SELECT spec FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "SPEC",
+          (SELECT maker FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "MAKER",
+          (SELECT (SELECT code_name FROM comm_code CC WHERE CC.code_id = part_type)
+             FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_TYPE_NAME",
+          (SELECT part_type FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "PART_TYPE",
+          (SELECT code_name FROM comm_code O WHERE O.code_id = IM.cls_cd) AS "CLS_CD_NAME",
+          IM.cls_cd AS "CLS_CD",
+          (SELECT code_name FROM comm_code O WHERE O.code_id = IM.cau_cd) AS "CAU_CD_NAME",
+          IM.cau_cd AS "CAU_CD",
+          (SELECT material FROM part_mng O WHERE O.objid::varchar = IM.part_objid) AS "MATERIAL",
+          IMI.location AS "LOCATION",
+          (SELECT code_name FROM comm_code O WHERE O.code_id = IMI.location) AS "LOCATION_NAME",
+          IMI.sub_location AS "SUB_LOCATION",
+          (SELECT code_name FROM comm_code O WHERE O.code_id = IMI.sub_location) AS "SUB_LOCATION_NAME",
+          IM.reg_date AS "REG_DATE",
+          IM.price AS "PRICE",
+          (SELECT user_name FROM user_info O WHERE O.user_id = IM.writer) AS "WRITER_NAME",
+          IM.contract_objid AS "CONTRACT_OBJID",
+          IM.unit AS "UNIT",
+          IMI.objid AS "IN_OBJID",
+          PBR.objid AS "BOM_REPORT_OBJID",
+          (SELECT SUM(COALESCE(NULLIF(BPQ.qty, '')::numeric, 0))
+             FROM bom_part_qty BPQ
+             WHERE BPQ.bom_report_objid = PBR.objid
+               AND BPQ.last_part_objid = IM.part_objid
+               AND BPQ.status IN ('beforeEdit', 'editing', 'deleting', 'deploy')) AS "DESIGN_QTY1",
+          (SELECT MAX(COALESCE(NULLIF(BPQ.qty, '')::numeric, 0))
+             FROM bom_part_qty BPQ
+             WHERE BPQ.bom_report_objid = PBR.objid
+               AND COALESCE(BPQ.parent_part_no, '') = ''
+               AND BPQ.status IN ('beforeEdit', 'editing', 'deleting', 'deploy')) AS "QTY1",
+          (SELECT SUM(COALESCE(NULLIF(BPQ3.qty, '')::numeric, 0))::text
+             FROM bom_part_qty BPQ3
+             WHERE BPQ3.bom_report_objid = PBR.objid
+               AND BPQ3.child_objid = (
+                 SELECT parent_objid FROM bom_part_qty BPQ
+                  WHERE BPQ.bom_report_objid = PBR.objid
+                    AND BPQ.last_part_objid = IM.part_objid
+                    AND BPQ.status IN ('beforeEdit', 'editing', 'deleting', 'deploy')
+                  LIMIT 1
+               )) AS "QTY3",
+          (SELECT SUM(COALESCE(NULLIF(pre_booking_qty, '')::numeric, 0))
+             FROM sales_bom_report_part SBRP
+             WHERE SBRP.parent_objid = PBR.objid AND SBRP.part_objid = IM.part_objid) AS "PRE_BOOKING_QTY",
+          IMI.out_qty AS "OUT_QTY"
+        FROM inventory_mgmt IM
+        LEFT OUTER JOIN inventory_mgmt_in IMI ON IMI.parent_objid = IM.objid
+        LEFT OUTER JOIN part_bom_report PBR
+          ON PBR.contract_objid = IM.contract_objid AND PBR.unit_code = IM.unit
+        WHERE IM.objid IN (${placeholders})
+      ) TBL
+     WHERE COALESCE("USE_CNT", 0) != 0
+     ORDER BY "PART_NO"
+`,
+    arr,
+  );
+
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/inventory/request/receipt/route.ts b/src/app/api/inventory/request/receipt/route.ts
new file mode 100644
index 0000000..a7fd8f9
--- /dev/null
+++ b/src/app/api/inventory/request/receipt/route.ts
@@ -0,0 +1,43 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { getDate } from "@/lib/utils";
+
+// 불출의뢰서 접수 (receiptInventoryRequestInfo / mergeReceiptInventoryRequestInfo 대응)
+// 원본: InventoryMngController.receiptInventoryRequestInfo, inventoryMng.xml line 2073
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const checkArr: string[] = Array.isArray(body.checkArr)
+    ? body.checkArr.map(String)
+    : String(body.checkArr || "")
+        .split(",")
+        .map((s: string) => s.trim())
+        .filter(Boolean);
+
+  if (checkArr.length === 0) {
+    return NextResponse.json({ success: false, message: "선택된 데이터가 없습니다." });
+  }
+
+  try {
+    for (const objId of checkArr) {
+      await execute(
+        `UPDATE inventory_mgmt_out_master
+            SET reception_status = $1,
+                reception_date = $2,
+                reception_id = $3
+          WHERE objid = $4`,
+        ["reception", getDate(), user.userId, objId],
+      );
+    }
+    return NextResponse.json({ success: true, message: "접수되었습니다." });
+  } catch (e) {
+    console.error("inventory request receipt:", e);
+    return NextResponse.json(
+      { success: false, message: "오류가 발생하였습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/inventory/request/route.ts b/src/app/api/inventory/request/route.ts
new file mode 100644
index 0000000..a7af3a4
--- /dev/null
+++ b/src/app/api/inventory/request/route.ts
@@ -0,0 +1,140 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 자재관리 > 불출의뢰서 (inventoryMng.materialRequesrGridtList 대응)
+// 원본: /Users/jhj/FITO/src/com/pms/mapper/inventoryMng.xml (line 1957)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  // 내부 서브쿼리 조건 (INVENTORY_MGMT_OUT_MASTER 기준)
+  const innerConds: string[] = ["1=1"];
+  const innerParams: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year) {
+    innerConds.push(`TO_CHAR(IM.regdate, 'YYYY') = $${idx++}`);
+    innerParams.push(body.Year);
+  }
+  if (body.project_no) {
+    innerConds.push(`IM.contract_mgmt_objid = $${idx++}`);
+    innerParams.push(body.project_no);
+  }
+  if (body.request_user) {
+    innerConds.push(`IM.writer = $${idx++}`);
+    innerParams.push(body.request_user);
+  }
+  if (body.reception_user) {
+    innerConds.push(`IM.reception_id = $${idx++}`);
+    innerParams.push(body.reception_user);
+  }
+  if (body.reception_status) {
+    innerConds.push(`IM.reception_status = $${idx++}`);
+    innerParams.push(body.reception_status);
+  }
+  if (body.out_status) {
+    innerConds.push(
+      `(CASE WHEN IM.outstatus = 'complete' THEN 'complete' ELSE 'NG' END) = $${idx++}`,
+    );
+    innerParams.push(body.out_status);
+  }
+  if (body.request_start_date) {
+    innerConds.push(`TO_DATE(IM.request_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    innerParams.push(body.request_start_date);
+  }
+  if (body.request_end_date) {
+    innerConds.push(`TO_DATE(IM.request_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    innerParams.push(body.request_end_date);
+  }
+  if (body.reception_start_date) {
+    innerConds.push(
+      `TO_DATE(IM.reception_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`,
+    );
+    innerParams.push(body.reception_start_date);
+  }
+  if (body.reception_end_date) {
+    innerConds.push(
+      `TO_DATE(IM.reception_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`,
+    );
+    innerParams.push(body.reception_end_date);
+  }
+
+  // 외부 조건 (PART_NO_ARR/PART_NAME_ARR — 서브쿼리 결과에 적용)
+  const outerConds: string[] = ["1=1"];
+  const outerParams: unknown[] = [];
+
+  if (body.part_no) {
+    outerConds.push(`UPPER(PART_NO_ARR) LIKE '%' || TRIM(UPPER($${idx++})) || '%'`);
+    outerParams.push(body.part_no);
+  }
+  if (body.part_name) {
+    outerConds.push(`UPPER(PART_NAME_ARR) LIKE '%' || TRIM(UPPER($${idx++})) || '%'`);
+    outerParams.push(body.part_name);
+  }
+
+  const params = [...innerParams, ...outerParams];
+
+  const rows = await queryRows(
+    `SELECT IM.*
+      FROM (
+        SELECT
+          IM.objid::text AS "OBJID",
+          (SELECT STRING_AGG(part_no, ',') FROM part_mng O
+            WHERE O.objid IN (
+              SELECT part_objid FROM inventory_mgmt O1
+              WHERE O1.objid IN (
+                SELECT parent_objid FROM inventory_mgmt_out O2
+                WHERE O2.inventory_request_master_objid = IM.objid
+              )
+            )) AS "PART_NO_ARR",
+          (SELECT STRING_AGG(part_name, ',') FROM part_mng O
+            WHERE O.objid IN (
+              SELECT part_objid FROM inventory_mgmt O1
+              WHERE O1.objid IN (
+                SELECT parent_objid FROM inventory_mgmt_out O2
+                WHERE O2.inventory_request_master_objid = IM.objid
+              )
+            )) AS "PART_NAME_ARR",
+          IM.parent_objid AS "PARENT_OBJID",
+          IM.inventory_out_no AS "INVENTORY_OUT_NO",
+          IM.request_date AS "REQUEST_DATE",
+          IM.request_id AS "REQUEST_ID",
+          IM.reception_status AS "RECEPTION_STATUS",
+          CASE WHEN IM.reception_status = 'reception' THEN '접수' ELSE '미접수' END
+            AS "RECEPTION_STATUS_TITLE",
+          IM.reception_id AS "RECEPTION_ID",
+          (SELECT user_name FROM user_info O WHERE O.user_id = IM.reception_id)
+            AS "RECEPTION_USER_NAME",
+          IM.reception_date AS "RECEPTION_DATE",
+          IM.outstatus AS "OUTSTATUS",
+          CASE WHEN IM.outstatus = 'complete' THEN '완료' ELSE '미완료' END
+            AS "OUTSTATUS_TITLE",
+          IM.writer AS "WRITER",
+          (SELECT user_name FROM user_info O WHERE O.user_id = IM.writer) AS "REQUEST_USER_NAME",
+          IM.regdate AS "REGDATE",
+          TO_CHAR(IM.regdate, 'YYYY-MM-DD') AS "REG_DATE",
+          IMO.request_qty AS "REQUEST_QTY",
+          IMO.out_qty AS "OUT_QTY",
+          IMO.inventory_request_master_objid AS "INVENTORY_REQUEST_MASTER_OBJID"
+        FROM inventory_mgmt_out_master IM
+        LEFT OUTER JOIN (
+          SELECT
+            inventory_request_master_objid,
+            SUM(COALESCE(NULLIF(request_qty, '')::numeric, 0)) AS request_qty,
+            SUM(COALESCE(NULLIF(out_qty, '')::numeric, 0)) AS out_qty
+          FROM inventory_mgmt_out
+          GROUP BY inventory_request_master_objid
+        ) IMO ON IMO.inventory_request_master_objid = IM.objid
+        WHERE ${innerConds.join(" AND ")}
+      ) IM
+     WHERE ${outerConds.join(" AND ")}
+     ORDER BY "REGDATE" DESC
+`,
+    params,
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/inventory/request/save/route.ts b/src/app/api/inventory/request/save/route.ts
new file mode 100644
index 0000000..c8298e9
--- /dev/null
+++ b/src/app/api/inventory/request/save/route.ts
@@ -0,0 +1,98 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { getDate } from "@/lib/utils";
+
+// 불출의뢰서 저장 (inventoryMng.saveInventoryRequest + mergeInventoryRequestMasterInfo 대응)
+// 원본: inventoryMng.xml line 1781, 1902
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const masterObjId = String(body.INVENTORY_REQUEST_MASTER_OBJID || "");
+  if (!masterObjId) {
+    return NextResponse.json({ success: false, message: "마스터 OBJID 누락" }, { status: 400 });
+  }
+  const remark = String(body.REMARK || "");
+  const requestDate = String(body.REQUEST_DATE || getDate());
+  const lines: Array<Record<string, unknown>> = Array.isArray(body.lines) ? body.lines : [];
+
+  // 첫 라인의 contract_mgmt_objid를 마스터 contract_mgmt_objid로 사용
+  const firstContractObjId = String(lines[0]?.CONTRACT_MGMT_OBJID || "");
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1. inventory_mgmt_out_master UPSERT
+    // INVENTORY_OUT_NO 자동 생성: Rfw-YYYY-N (연도별 증가, 패딩 없음 — 원본 FITO 포맷)
+    // 원본: request_id와 writer 모두 current user id. $5를 별도 파라미터로 전달해 타입 추론 충돌 회피
+    const year = new Date().getFullYear();
+    await client.query(
+      `INSERT INTO inventory_mgmt_out_master
+         (objid, parent_objid, inventory_out_no, request_date, request_id,
+          writer, regdate, remark, contract_mgmt_objid)
+       VALUES (
+         $1, $2,
+         (SELECT 'Rfw-' || $3 || '-' ||
+            (COALESCE(MAX(CASE WHEN SPLIT_PART(inventory_out_no, '-', 3) = ''
+                                    OR inventory_out_no IS NULL
+                               THEN 0
+                               ELSE SPLIT_PART(inventory_out_no, '-', 3)::numeric
+                          END), 0)::integer + 1)::text
+          FROM inventory_mgmt_out_master),
+         $4, $5, $6, now(), $7, $8
+       )
+       ON CONFLICT (objid) DO UPDATE SET
+         remark = EXCLUDED.remark`,
+      [
+        masterObjId,
+        String(body.PARENT_OBJID || ""),
+        String(year),
+        requestDate,
+        user.userId,
+        user.userId,
+        remark,
+        firstContractObjId,
+      ],
+    );
+
+    // 2. 기존 파트 삭제 (initInventoryRequestPart)
+    await client.query(
+      `DELETE FROM inventory_mgmt_out WHERE inventory_request_master_objid = $1`,
+      [masterObjId],
+    );
+
+    // 3. 라인 INSERT
+    for (const line of lines) {
+      await client.query(
+        `INSERT INTO inventory_mgmt_out
+            (objid, parent_objid, request_qty, writer, regdate,
+             inventory_request_master_objid, contract_mgmt_objid, unit)
+         VALUES ($1, $2, $3, $4, now(), $5, $6, $7)`,
+        [
+          String(line.OBJID || ""),
+          String(line.PARENT_OBJID || ""),
+          String(line.REQUEST_QTY || "0"),
+          user.userId,
+          masterObjId,
+          String(line.CONTRACT_MGMT_OBJID || ""),
+          String(line.UNIT || ""),
+        ],
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("inventory request save:", e);
+    return NextResponse.json(
+      { success: false, message: "오류가 발생하였습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/inventory/request/sign/route.ts b/src/app/api/inventory/request/sign/route.ts
new file mode 100644
index 0000000..6256dc6
--- /dev/null
+++ b/src/app/api/inventory/request/sign/route.ts
@@ -0,0 +1,81 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 사인 조회 (materialRequestDetailPopUpsign) / 저장 (savesignInventoryTransfer) / 삭제 (materialRequestDetailPopUpsigndelete)
+// 원본: inventoryMng.xml line 2082, 1883, 2093
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "list");
+
+  if (action === "list") {
+    // OBJID들의 사인 목록
+    const checkArr: string[] = Array.isArray(body.checkArr)
+      ? body.checkArr.map(String)
+      : String(body.checkArr || "")
+          .split(",")
+          .map((s: string) => s.trim())
+          .filter(Boolean);
+    if (checkArr.length === 0) return NextResponse.json([]);
+    const ph = checkArr.map((_, i) => `$${i + 1}`).join(",");
+    const rows = await queryRows(
+      `SELECT objid AS "OBJID", acq_user AS "ACQ_USER", sign AS "SIGN"
+         FROM inventory_mgmt_out
+        WHERE objid IN (${ph})`,
+      checkArr,
+    );
+    return NextResponse.json(rows);
+  }
+
+  if (action === "save") {
+    // 단일 또는 다중 OBJID에 사인 저장
+    const lines: Array<{ OBJID: string; ACQ_USER: string; SIGN: string }> = Array.isArray(body.lines)
+      ? body.lines
+      : [];
+    try {
+      for (const line of lines) {
+        await execute(
+          `INSERT INTO inventory_mgmt_out (objid, acq_user, sign)
+           VALUES ($1, $2, $3)
+           ON CONFLICT (objid) DO UPDATE SET
+             acq_user = EXCLUDED.acq_user,
+             sign = EXCLUDED.sign`,
+          [line.OBJID, line.ACQ_USER || "", line.SIGN || ""],
+        );
+      }
+      return NextResponse.json({ success: true, message: "사인이 등록 되었습니다." });
+    } catch (e) {
+      console.error("sign save:", e);
+      return NextResponse.json(
+        { success: false, message: "오류가 발생하였습니다." },
+        { status: 500 },
+      );
+    }
+  }
+
+  if (action === "delete") {
+    const objIds: string[] = Array.isArray(body.objIds) ? body.objIds.map(String) : [];
+    try {
+      for (const objId of objIds) {
+        await execute(
+          `INSERT INTO inventory_mgmt_out (objid, sign)
+           VALUES ($1, '')
+           ON CONFLICT (objid) DO UPDATE SET sign = ''`,
+          [objId],
+        );
+      }
+      return NextResponse.json({ success: true, message: "삭제되었습니다.", result: "true" });
+    } catch (e) {
+      console.error("sign delete:", e);
+      return NextResponse.json(
+        { success: false, message: "오류가 발생하였습니다." },
+        { status: 500 },
+      );
+    }
+  }
+
+  return NextResponse.json({ success: false, message: "지원하지 않는 action" }, { status: 400 });
+}
diff --git a/src/app/api/inventory/request/transfer/route.ts b/src/app/api/inventory/request/transfer/route.ts
new file mode 100644
index 0000000..6daa9c0
--- /dev/null
+++ b/src/app/api/inventory/request/transfer/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 불출의뢰서 인계 저장 (saveInventoryTransfer 대응)
+// 원본: InventoryMngController.saveInventoryTransfer, inventoryMng.xml line 1848
+// 각 라인의 OUT_QTY/OUT_DATE/ACQ_USER/WRITER 업데이트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const lines: Array<Record<string, unknown>> = Array.isArray(body.lines) ? body.lines : [];
+  if (lines.length === 0) {
+    return NextResponse.json({ success: false, message: "저장할 라인이 없습니다." });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    for (const line of lines) {
+      await client.query(
+        `INSERT INTO inventory_mgmt_out
+            (objid, parent_objid, request_qty, writer, regdate,
+             inventory_request_master_objid, sign)
+         VALUES ($1, $2, $3, $4, NOW(), $5, $6)
+         ON CONFLICT (objid) DO UPDATE SET
+           out_qty = $7,
+           out_date = $8,
+           acq_user = $9,
+           writer = $4`,
+        [
+          String(line.OBJID || ""),
+          String(line.PARENT_OBJID || ""),
+          String(line.REQUEST_QTY || "0"),
+          user.userId,
+          String(line.INVENTORY_REQUEST_MASTER_OBJID || ""),
+          String(line.SIGN || ""),
+          String(line.OUT_QTY || "0"),
+          String(line.OUT_DATE || ""),
+          String(line.ACQ_USER || ""),
+        ],
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("inventory request transfer:", e);
+    return NextResponse.json(
+      { success: false, message: "오류가 발생하였습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/inventory/route.ts b/src/app/api/inventory/route.ts
new file mode 100644
index 0000000..4bed05e
--- /dev/null
+++ b/src/app/api/inventory/route.ts
@@ -0,0 +1,86 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// inventoryMng/inventoryMngInputGridList.do 대응
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`LEFT(IM.reg_date, 4) = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no = $${idx++}`);
+    params.push(body.project_no);
+  }
+  if (body.part_no) {
+    conditions.push(`P.part_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(`P.part_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_name);
+  }
+  if (body.spec) {
+    conditions.push(`P.spec LIKE '%' || $${idx++} || '%'`);
+    params.push(body.spec);
+  }
+  if (body.cls_cd) {
+    conditions.push(`IM.cls_cd = $${idx++}`);
+    params.push(body.cls_cd);
+  }
+  if (body.cau_cd) {
+    conditions.push(`IM.cau_cd = $${idx++}`);
+    params.push(body.cau_cd);
+  }
+  if (body.location) {
+    conditions.push(`IM.location = $${idx++}`);
+    params.push(body.location);
+  }
+  if (body.writer) {
+    conditions.push(`IM.writer = $${idx++}`);
+    params.push(body.writer);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT IM.objid::text AS "OBJID",
+      CM.contract_no AS "PROJECT_NO",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.unit_code LIMIT 1), IM.unit) AS "UNIT_NAME",
+      P.part_no AS "PART_NO", P.part_name AS "PART_NAME", P.spec AS "SPEC", P.maker AS "MAKER",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = IM.cls_cd LIMIT 1), '') AS "CLS_CD_NAME",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = IM.cau_cd LIMIT 1), '') AS "CAU_CD_NAME",
+      COALESCE(IM.qty::numeric, 0) AS "QTY",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = IM.location LIMIT 1), '') AS "LOCATION_NAME",
+      COALESCE(IM.price::numeric, 0) AS "PRICE",
+      IM.reg_date AS "REG_DATE",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = IM.writer LIMIT 1), '') AS "WRITER_NAME",
+      -- 총입고수량 = SUM(inventory_mgmt_in.receipt_qty)
+      COALESCE((SELECT SUM(COALESCE(NULLIF(IMI.receipt_qty,'')::numeric, 0))
+                FROM inventory_mgmt_in IMI WHERE IMI.parent_objid = IM.objid), 0) AS "INPUT_QTY",
+      -- 최종입고일
+      COALESCE((SELECT MAX(TO_CHAR(IMI2.regdate, 'YYYY-MM-DD'))
+                FROM inventory_mgmt_in IMI2 WHERE IMI2.parent_objid = IM.objid), '') AS "INPUT_DATE",
+      -- 잔여수량 = qty - SUM(투입이력 input_qty)
+      COALESCE(NULLIF(IM.qty,'')::numeric, 0)
+        - COALESCE((SELECT SUM(COALESCE(IMH.input_qty::numeric, 0))
+                    FROM inventory_mgmt_history IMH WHERE IMH.parent_objid = IM.objid), 0) AS "REMAIN_QTY"
+    FROM inventory_mgmt IM
+    LEFT JOIN part_mng P ON P.objid = IM.part_objid
+    LEFT JOIN contract_mgmt CM ON CM.objid::text = IM.contract_objid
+    WHERE ${where}
+    ORDER BY IM.reg_date DESC NULLS LAST
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/inventory/save/route.ts b/src/app/api/inventory/save/route.ts
new file mode 100644
index 0000000..61705d4
--- /dev/null
+++ b/src/app/api/inventory/save/route.ts
@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 재고 입고 등록 (saveinventoryForm / insertInventoryIn 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const objId = body.objId || createObjectId();
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1. inventory_mgmt 마스터 UPSERT
+    await client.query(
+      `INSERT INTO inventory_mgmt (objid, contract_objid, unit, part_objid,
+        cls_cd, cau_cd, qty, location, sub_location, price, writer, reg_date)
+       VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, now())
+       ON CONFLICT (contract_objid, unit, part_objid) DO UPDATE SET
+        cls_cd=EXCLUDED.cls_cd, cau_cd=EXCLUDED.cau_cd, qty=EXCLUDED.qty,
+        location=EXCLUDED.location, sub_location=EXCLUDED.sub_location,
+        price=EXCLUDED.price`,
+      [objId, body.contract_objid||"", body.unit||"", body.part_objid||"",
+       body.cls_cd||"", body.cau_cd||"", body.qty||"0",
+       body.location||"", body.sub_location||"", body.price||"0", user.userId]
+    );
+
+    // 2. inventory_mgmt_in 트랜잭션 생성 (입고수량 있을 때)
+    if (body.receipt_qty && Number(body.receipt_qty) > 0) {
+      await client.query(
+        `INSERT INTO inventory_mgmt_in (
+          objid, parent_objid, receipt_qty, location, sub_location,
+          writer, regdate, contract_mgmt_objid
+        ) VALUES ($1, $2, $3, $4, $5, $6, now(), $7)`,
+        [createObjectId(), objId, String(body.receipt_qty),
+         body.location||"", body.sub_location||"", user.userId,
+         body.contract_mgmt_objid || body.contract_objid || ""]
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, objId, message: "등록되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Inventory save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/inventory/status/route.ts b/src/app/api/inventory/status/route.ts
new file mode 100644
index 0000000..da8941f
--- /dev/null
+++ b/src/app/api/inventory/status/route.ts
@@ -0,0 +1,71 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 자재관리 > 현황 (inventoryMngDashList 대응)
+// 프로젝트별 입고/불출/잔여/이동 수량 집계
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`LEFT(IM.reg_date, 4) = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.location_cd) {
+    conditions.push(`EXISTS (SELECT 1 FROM inventory_mgmt_in I_F WHERE I_F.parent_objid = IM.objid AND I_F.location = $${idx++})`);
+    params.push(body.location_cd);
+  }
+  if (body.part_type_cd) {
+    conditions.push(`P.part_type = $${idx++}`);
+    params.push(body.part_type_cd);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT CM.contract_no AS "PROJECT_NO",
+       IM.unit AS "UNIT_NAME",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = P.part_type LIMIT 1), '') AS "PART_TYPE_NAME",
+       COALESCE((SELECT ARRAY_TO_STRING(ARRAY_AGG(DISTINCT (SELECT code_name FROM comm_code WHERE code_id = I_L.location LIMIT 1)), ', ')
+                 FROM inventory_mgmt_in I_L WHERE I_L.parent_objid = IM.objid), '') AS "LOCATION_NAME",
+       -- 총보유(입고) = SUM(receipt_qty - move_qty)
+       COALESCE((SELECT SUM(CASE WHEN IMI.receipt_qty IS NULL OR IMI.receipt_qty = '' THEN 0
+                                  ELSE IMI.receipt_qty::numeric - COALESCE(NULLIF(IMI.move_qty,'')::numeric, 0) END)
+                 FROM inventory_mgmt_in IMI WHERE IMI.parent_objid = IM.objid), 0) AS "TOTAL_QTY",
+       -- 불출수량
+       COALESCE((SELECT SUM(COALESCE(NULLIF(IMO.request_qty,'')::numeric, 0))
+                 FROM inventory_mgmt_out IMO WHERE IMO.parent_objid = IM.objid), 0) AS "REQUEST_QTY",
+       -- 잔여 = 입고 - 불출
+       (COALESCE((SELECT SUM(CASE WHEN IMI2.receipt_qty IS NULL OR IMI2.receipt_qty = '' THEN 0
+                                   ELSE IMI2.receipt_qty::numeric - COALESCE(NULLIF(IMI2.move_qty,'')::numeric, 0) END)
+                  FROM inventory_mgmt_in IMI2 WHERE IMI2.parent_objid = IM.objid), 0)
+        - COALESCE((SELECT SUM(COALESCE(NULLIF(IMO2.request_qty,'')::numeric, 0))
+                    FROM inventory_mgmt_out IMO2 WHERE IMO2.parent_objid = IM.objid), 0)
+       ) AS "REMAIN_QTY",
+       -- 입고수량 (receipt_qty 합계)
+       COALESCE((SELECT SUM(COALESCE(NULLIF(IMI3.receipt_qty,'')::numeric, 0))
+                 FROM inventory_mgmt_in IMI3 WHERE IMI3.parent_objid = IM.objid), 0) AS "DELIVERY_QTY",
+       -- 이동수량
+       COALESCE((SELECT SUM(COALESCE(NULLIF(IMI4.move_qty,'')::numeric, 0))
+                 FROM inventory_mgmt_in IMI4 WHERE IMI4.parent_objid = IM.objid), 0) AS "MOVE_QTY"
+     FROM inventory_mgmt IM
+     LEFT JOIN part_mng P ON P.objid = IM.part_objid
+     LEFT JOIN contract_mgmt CM ON CM.objid::text = IM.contract_objid
+     WHERE ${where}
+     ORDER BY CM.contract_no, IM.unit
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/menu/route.ts b/src/app/api/menu/route.ts
new file mode 100644
index 0000000..a4ec0c3
--- /dev/null
+++ b/src/app/api/menu/route.ts
@@ -0,0 +1,32 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// main/getmenu.do 대응 - 사이드 메뉴 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) {
+    return NextResponse.json({ success: false }, { status: 401 });
+  }
+
+  const body = await request.json();
+  const menuObjId = body.MENUOBJID || "";
+
+  const rows = await queryRows(
+    `SELECT MI.OBJID::text AS "objid",
+            MI.MENU_NAME_KOR AS "menuNameKor",
+            MI.MENU_NAME_ENG AS "menuNameEng",
+            COALESCE(MI.MENU_URL, '') AS "menuUrl",
+            MI.PARENT_OBJ_ID::text AS "parentObjId",
+            MI.SEQ::text AS "menuOrder",
+            CASE WHEN MI.PARENT_OBJ_ID = $1::numeric THEN '1' ELSE '2' END AS "level"
+     FROM MENU_INFO MI
+     WHERE COALESCE(MI.STATUS, '') = 'active'
+       AND (MI.PARENT_OBJ_ID = $1::numeric
+            OR MI.PARENT_OBJ_ID IN (SELECT OBJID FROM MENU_INFO WHERE PARENT_OBJ_ID = $1::numeric AND COALESCE(STATUS, '') = 'active'))
+     ORDER BY MI.SEQ`,
+    [menuObjId]
+  );
+
+  return NextResponse.json({ RESULT: rows });
+}
diff --git a/src/app/api/menu/top/route.ts b/src/app/api/menu/top/route.ts
new file mode 100644
index 0000000..cd9419c
--- /dev/null
+++ b/src/app/api/menu/top/route.ts
@@ -0,0 +1,23 @@
+import { NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 상위 메뉴 (헤더 탑 메뉴) 조회
+export async function GET() {
+  const user = await getSession();
+  if (!user) {
+    return NextResponse.json({ success: false }, { status: 401 });
+  }
+
+  const rows = await queryRows(
+    `SELECT MI.OBJID::text AS "OBJID", MI.MENU_NAME_KOR AS "MENU_NAME_KOR",
+            MI.MENU_NAME_ENG, MI.MENU_URL, MI.SEQ
+     FROM MENU_INFO MI
+     WHERE MI.PARENT_OBJ_ID = 0
+       AND COALESCE(MI.STATUS, '') != 'DELETED'
+     ORDER BY MI.SEQ`,
+    []
+  );
+
+  return NextResponse.json({ success: true, menus: rows });
+}
diff --git a/src/app/api/order/amount-status/route.ts b/src/app/api/order/amount-status/route.ts
new file mode 100644
index 0000000..9b1caea
--- /dev/null
+++ b/src/app/api/order/amount-status/route.ts
@@ -0,0 +1,84 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.xml#purchaseOrderStatusAmountBySupply
+// 발주관리 > 업체별_입고요청월 금액현황
+// 입고요청일 기준 월별(M01~M12) 공급단가 합계를 업체(admin_supply_mng)별로 집계.
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const year = body.year ? String(body.year) : "";
+  const projectNo = body.project_no ? String(body.project_no) : "";
+  const salesMngUserId = body.sales_mng_user_id ? String(body.sales_mng_user_id) : "";
+  const partnerObjId = body.partner_objid ? String(body.partner_objid) : "";
+
+  // $1=year, $2=project_no(LIKE), $3=sales_mng_user_id, $4=partner_objid
+  const params: unknown[] = [
+    year || null,
+    projectNo || null,
+    salesMngUserId || null,
+    partnerObjId || null,
+  ];
+
+  const coreSql = `
+    SELECT POM.partner_objid,
+           SUM(COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric) AS total_supply_unit_price,
+           ${Array.from({ length: 12 }, (_, i) => {
+             const mm = String(i + 1).padStart(2, "0");
+             return `SUM(CASE WHEN TO_CHAR(TO_DATE(POM.delivery_date,'YYYY-MM-DD'),'MM') = '${mm}'
+                              THEN COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric END) AS m${mm}`;
+           }).join(",\n           ")}
+      FROM purchase_order_master POM
+      JOIN purchase_order_part POP ON POM.objid = POP.purchase_order_master_objid
+      JOIN project_mgmt CM ON POM.contract_mgmt_objid = CM.objid
+     WHERE POM.status = 'approvalComplete'
+       AND COALESCE(POM.delivery_date,'') <> ''
+       AND ($1::text IS NULL OR TO_CHAR(TO_DATE(POM.delivery_date,'YYYY-MM-DD'),'YYYY') = $1)
+       AND ($2::text IS NULL OR COALESCE(CM.project_no,'') ILIKE '%' || $2 || '%'
+                              OR COALESCE(CM.contract_no,'') ILIKE '%' || $2 || '%')
+       AND ($3::text IS NULL OR POM.sales_mng_user_id = $3)
+     GROUP BY POM.partner_objid
+  `;
+
+  const listSql = `
+    SELECT ASM.objid::text AS "OBJID",
+           ASM.supply_name AS "SUPPLY_NAME",
+           COALESCE(S1.total_supply_unit_price, 0) AS "TOTAL_SUPPLY_UNIT_PRICE",
+           ${Array.from({ length: 12 }, (_, i) => {
+             const mm = String(i + 1).padStart(2, "0");
+             return `COALESCE(S1.m${mm}, 0) AS "M${mm}"`;
+           }).join(",\n           ")}
+      FROM admin_supply_mng ASM
+      JOIN (${coreSql}) S1 ON ASM.objid::varchar = S1.partner_objid
+     WHERE ($4::text IS NULL OR ASM.objid::text = $4)
+     ORDER BY ASM.supply_name
+  `;
+
+  const sumSql = `
+    SELECT COALESCE(SUM(total_supply_unit_price), 0) AS "TOTAL_SUPPLY_UNIT_PRICE",
+           ${Array.from({ length: 12 }, (_, i) => {
+             const mm = String(i + 1).padStart(2, "0");
+             return `COALESCE(SUM(m${mm}), 0) AS "M${mm}"`;
+           }).join(",\n           ")}
+      FROM (
+        ${coreSql}
+      ) S1
+      JOIN admin_supply_mng ASM ON ASM.objid::varchar = S1.partner_objid
+     WHERE ($4::text IS NULL OR ASM.objid::text = $4)
+  `;
+
+  try {
+    const rows = await queryRows(listSql, params);
+    const sums = await queryOne(sumSql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length, SUMS: sums });
+  } catch (e) {
+    console.error("order/amount-status:", e);
+    return NextResponse.json(
+      { success: false, message: "조회 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/order/bom-parts-by-partner/route.ts b/src/app/api/order/bom-parts-by-partner/route.ts
new file mode 100644
index 0000000..facef30
--- /dev/null
+++ b/src/app/api/order/bom-parts-by-partner/route.ts
@@ -0,0 +1,114 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.purchaseOrderSalesBomPartListByPartnerContract
+// 프로젝트 × 유닛 × 공급업체 기반으로 구매BOM(sales_bom_report_part)에서
+// 해당 공급업체가 등록된 부품을 발주서 작성 시 자동 투입용으로 조회.
+// 선택된 파트너가 supply_objid/1/2/3/4 중 어느 슬롯에 있든 그 슬롯의 단가만
+// 해당 컬럼(PARTNER_PRICE or PRICE1..4)에 복사, 나머지는 '0'.
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const contractObjId = String(body.contract_mgmt_objid || body.CONTRACT_MGMT_OBJID || "");
+  const unitCode = String(body.unit_code || body.UNIT_CODE || "");
+  const partnerObjId = String(body.partner_objid || body.PARTNER_OBJID || "");
+  if (!contractObjId || !partnerObjId) {
+    return NextResponse.json({ RESULTLIST: [] });
+  }
+
+  const sql = `
+    WITH RECURSIVE VIEW_BOM AS (
+      SELECT A.bom_report_objid, A.objid, A.parent_objid, A.child_objid,
+             A.parent_part_no, A.part_no, A.qty, A.seq,
+             1 AS lev,
+             ARRAY[A.child_objid::text] AS path,
+             COALESCE(NULLIF(A.qty,''),'0')::numeric AS aggregate_qty
+        FROM part_bom_report PBR
+        JOIN bom_part_qty A ON PBR.objid = A.bom_report_objid
+       WHERE PBR.contract_objid = $1
+         AND ($2::text = '' OR PBR.unit_code = $2)
+         AND (A.parent_objid IS NULL OR A.parent_objid = '')
+         AND A.status = 'deploy'
+      UNION ALL
+      SELECT B.bom_report_objid, B.objid, B.parent_objid, B.child_objid,
+             B.parent_part_no, B.part_no, B.qty, B.seq,
+             V.lev + 1,
+             V.path || B.child_objid::text,
+             V.aggregate_qty * COALESCE(NULLIF(B.qty,''),'0')::numeric
+        FROM bom_part_qty B
+        JOIN VIEW_BOM V ON B.parent_objid = V.child_objid
+         AND V.bom_report_objid = B.bom_report_objid
+       WHERE B.status = 'deploy'
+         AND NOT (B.child_objid = ANY(V.path))
+    )
+    SELECT base.*,
+           -- 재고수량 = 입고수량 합 - 출고요청수량 합
+           (COALESCE((SELECT SUM(CASE WHEN COALESCE(NULLIF(receipt_qty,''),'') = '' THEN 0
+                                      ELSE receipt_qty::numeric END)
+                       FROM inventory_mgmt IM
+                       INNER JOIN inventory_mgmt_in O ON O.parent_objid = IM.objid
+                      WHERE IM.part_objid = base."PART_OBJID"), 0)
+          - COALESCE((SELECT SUM(CASE WHEN COALESCE(NULLIF(request_qty,''),'') = '' THEN 0
+                                      ELSE request_qty::numeric END)
+                       FROM inventory_mgmt IM
+                       INNER JOIN inventory_mgmt_out O ON O.parent_objid = IM.objid
+                      WHERE IM.part_objid = base."PART_OBJID"), 0)
+           ) AS "STOCK_QTY",
+           -- 총발주수량 = 이 품번으로 approvalComplete 된 이전 발주 누적
+           COALESCE((SELECT SUM(COALESCE(NULLIF(POP.order_qty,''),'0')::numeric)
+                       FROM purchase_order_part POP
+                       JOIN purchase_order_master POM
+                         ON POM.objid = POP.purchase_order_master_objid
+                      WHERE POP.part_objid = base."PART_OBJID"
+                        AND POM.status = 'approvalComplete'), 0) AS "TOTAL_ORDER_QTY"
+      FROM (
+        SELECT T1.parent_objid AS "BOM_REPORT_OBJID",
+               PM.objid::text AS "PART_OBJID",
+               T1.objid::text AS "SALES_BOM_REPORT_PART_OBJID",
+               PM.part_name AS "PART_NAME",
+               PM.part_no AS "PART_NO",
+               PM.spec AS "SPEC",
+               PM.maker AS "MAKER",
+               PM.remark AS "REMARK",
+               PM.unit AS "UNIT",
+               (SELECT MAX(aggregate_qty) FROM VIEW_BOM V
+                  WHERE V.child_objid = BPQ.child_objid
+                    AND V.bom_report_objid = PBR.objid) AS "ORDER_QTY",
+               BPQ.seq AS "SEQ_SORT",
+               CASE WHEN T1.supply_objid  = $3 THEN T1.price  ELSE '0' END AS "PARTNER_PRICE",
+               CASE WHEN T1.supply_objid1 = $3 THEN T1.price1 ELSE '0' END AS "PRICE1",
+               CASE WHEN T1.supply_objid2 = $3 THEN T1.price2 ELSE '0' END AS "PRICE2",
+               CASE WHEN T1.supply_objid3 = $3 THEN T1.price3 ELSE '0' END AS "PRICE3",
+               CASE WHEN T1.supply_objid4 = $3 THEN T1.price4 ELSE '0' END AS "PRICE4"
+          FROM sales_bom_report_part T1
+          JOIN part_bom_report PBR ON T1.parent_objid = PBR.objid::text
+          JOIN bom_part_qty BPQ ON PBR.objid = BPQ.bom_report_objid
+                                AND T1.bom_part_qty_objid = BPQ.child_objid
+          JOIN part_mng PM ON BPQ.last_part_objid = PM.objid::varchar
+         WHERE PBR.contract_objid = $1
+           AND ($2::text = '' OR PBR.unit_code = $2)
+           AND BPQ.status = 'deploy'
+           AND COALESCE(PM.part_type,'') <> '0001788'
+           AND (T1.supply_objid  = $3
+             OR T1.supply_objid1 = $3
+             OR T1.supply_objid2 = $3
+             OR T1.supply_objid3 = $3
+             OR T1.supply_objid4 = $3)
+      ) base
+     ORDER BY base."SEQ_SORT" NULLS LAST
+  `;
+
+  try {
+    const rows = await queryRows(sql, [contractObjId, unitCode, partnerObjId]);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("order/bom-parts-by-partner:", e);
+    return NextResponse.json(
+      { success: false, message: "BOM 부품 조회 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/order/detail/route.ts b/src/app/api/order/detail/route.ts
new file mode 100644
index 0000000..8741009
--- /dev/null
+++ b/src/app/api/order/detail/route.ts
@@ -0,0 +1,171 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.xml#getPurchaseOrderMasterInfo + getPurchaseOrderTargetPartList
+// 발주서 상세 — master 헤더 + parts 목록 (읽기전용 팝업용)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT POM.objid::text AS "OBJID",
+       POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+       POM.title AS "TITLE",
+       POM.contract_mgmt_objid::text AS "CONTRACT_MGMT_OBJID",
+       (SELECT project_no FROM project_mgmt CM WHERE CM.objid = POM.contract_mgmt_objid) AS "PROJECT_NO",
+       (SELECT customer_project_name FROM project_mgmt CM WHERE CM.objid = POM.contract_mgmt_objid) AS "CUSTOMER_PROJECT_NAME",
+       (SELECT contract_no FROM project_mgmt CM WHERE CM.objid = POM.contract_mgmt_objid) AS "CONTRACT_NO",
+       (SELECT supply_name FROM supply_mng SM WHERE SM.objid::text =
+          (SELECT customer_objid FROM project_mgmt CM WHERE CM.objid = POM.contract_mgmt_objid)::text LIMIT 1) AS "CUSTOMER_NAME",
+       POM.type AS "TYPE",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.type LIMIT 1) AS "TYPE_NAME",
+       POM.order_type_cd AS "ORDER_TYPE_CD",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.order_type_cd LIMIT 1) AS "ORDER_TYPE_CD_NAME",
+       POM.unit_code AS "UNIT_CODE",
+       (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = POM.unit_code LIMIT 1) AS "UNIT_NAME",
+       POM.delivery_date AS "DELIVERY_DATE",
+       POM.delivery_place AS "DELIVERY_PLACE",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.delivery_place LIMIT 1) AS "DELIVERY_PLACE_NAME",
+       POM.effective_date AS "EFFECTIVE_DATE",
+       POM.payment_terms AS "PAYMENT_TERMS",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.payment_terms LIMIT 1) AS "PAYMENT_TERMS_NAME",
+       POM.inspect_method AS "INSPECT_METHOD",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.inspect_method LIMIT 1) AS "INSPECT_METHOD_NAME",
+       POM.vat_method AS "VAT_METHOD",
+       (SELECT code_name FROM comm_code WHERE code_id = POM.vat_method LIMIT 1) AS "VAT_METHOD_NAME",
+       POM.partner_objid AS "PARTNER_OBJID",
+       (SELECT supply_name FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "PARTNER_NAME",
+       POM.po_client_id AS "PO_CLIENT_ID",
+       SM_PC.supply_name AS "PO_CLIENT_NAME",
+       SM_PC.bus_reg_no AS "PO_CLIENT_BUS_NO",
+       SM_PC.charge_user_name AS "PO_CLIENT_CHARGER",
+       SM_PC.supply_address AS "PO_CLIENT_ADDR",
+       SM_PC.supply_tel_no AS "PO_CLIENT_TEL",
+       SM_PC.supply_fax_no AS "PO_CLIENT_FAX",
+       SM_PC.office_no AS "PO_CLIENT_HP",
+       SM_PC.email AS "PO_CLIENT_EMAIL",
+       POM.my_company_objid AS "MY_COMPANY_OBJID",
+       POM.supply_bus_no AS "SUPPLY_BUS_NO",
+       POM.supply_user_name AS "SUPPLY_USER_NAME",
+       POM.supply_user_hp AS "SUPPLY_USER_HP",
+       POM.supply_user_tel AS "SUPPLY_USER_TEL",
+       POM.supply_user_fax AS "SUPPLY_USER_FAX",
+       POM.supply_user_email AS "SUPPLY_USER_EMAIL",
+       POM.supply_addr AS "SUPPLY_ADDR",
+       SM_P.bus_reg_no AS "PARTNER_BUS_NO",
+       SM_P.charge_user_name AS "PARTNER_CHARGER",
+       SM_P.supply_address AS "PARTNER_ADDR",
+       SM_P.supply_tel_no AS "PARTNER_TEL",
+       SM_P.supply_fax_no AS "PARTNER_FAX",
+       SM_P.office_no AS "PARTNER_HP",
+       SM_P.email AS "PARTNER_EMAIL",
+       COALESCE(POM.total_price,'0') AS "TOTAL_PRICE",
+       COALESCE(POM.total_price_all,'0') AS "TOTAL_PRICE_ALL",
+       COALESCE(POM.discount_price,'0') AS "DISCOUNT_PRICE",
+       COALESCE(POM.discount_price_all,'0') AS "DISCOUNT_PRICE_ALL",
+       COALESCE(POM.total_supply_price,'0') AS "TOTAL_SUPPLY_PRICE",
+       COALESCE(POM.total_supply_unit_price,'0') AS "TOTAL_SUPPLY_UNIT_PRICE",
+       COALESCE(POM.total_real_supply_price,'0') AS "TOTAL_REAL_SUPPLY_PRICE",
+       POM.nego_rate AS "NEGO_RATE",
+       POM.total_price_txt AS "TOTAL_PRICE_TXT",
+       POM.total_price_txt_all AS "TOTAL_PRICE_TXT_ALL",
+       POM.remark AS "REMARK",
+       POM.writer AS "WRITER",
+       (SELECT user_name FROM user_info WHERE user_id = POM.writer LIMIT 1) AS "WRITER_NAME",
+       POM.sales_mng_user_id AS "SALES_MNG_USER_ID",
+       (SELECT user_name FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1) AS "SALES_MNG_USER_NAME",
+       POM.regdate AS "REGDATE",
+       TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE_TITLE",
+       POM.status AS "STATUS",
+       CASE POM.status
+         WHEN 'create' THEN '등록'
+         WHEN 'approvalRequest' THEN '결재중'
+         WHEN 'approvalComplete' THEN '결재완료'
+         WHEN 'reject' THEN '반려'
+         WHEN 'cancel' THEN '취소'
+         ELSE ''
+       END AS "STATUS_TITLE",
+       COALESCE(POM.multi_yn,'') AS "MULTI_YN",
+       COALESCE(POM.multi_master_yn,'') AS "MULTI_MASTER_YN",
+       POM.multi_master_objid AS "MULTI_MASTER_OBJID",
+       (SELECT ARRAY_TO_STRING(ARRAY_AGG(S.objid), ',') FROM purchase_order_master S
+          WHERE POM.objid = S.multi_master_objid) AS "MULTI_OBJIDS",
+       POM.sales_request_objid AS "SALES_REQUEST_OBJID",
+       POM.bom_report_objid AS "BOM_REPORT_OBJID",
+       POM.purchase_order_no_org AS "PURCHASE_ORDER_NO_ORG",
+       POM.sales_status AS "SALES_STATUS",
+       POM.reception_status AS "RECEPTION_STATUS"
+     FROM purchase_order_master POM
+       LEFT OUTER JOIN admin_supply_mng SM_PC ON POM.po_client_id::text = SM_PC.objid::text
+       LEFT OUTER JOIN admin_supply_mng SM_P ON POM.partner_objid::text = SM_P.objid::text
+     WHERE POM.objid::text = $1`,
+    [String(objId)],
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  const parts = await queryRows(
+    `SELECT POP.objid::text AS "OBJID",
+       POP.purchase_order_master_objid::text AS "PURCHASE_ORDER_MASTER_OBJID",
+       POP.part_objid AS "PART_OBJID",
+       CASE WHEN POM.type IN ('0001070','0001069') THEN PM.part_no ELSE POP.part_no END AS "PART_NO",
+       COALESCE(POP.part_name, PM.part_name) AS "PART_NAME",
+       COALESCE(POP.spec, PM.spec) AS "SPEC",
+       COALESCE(POP.maker, PM.maker) AS "MAKER",
+       PM.material AS "MATERIAL",
+       PM.revision AS "REVISION",
+       POP.unit AS "UNIT",
+       (SELECT code_name FROM comm_code WHERE code_id = POP.unit LIMIT 1) AS "UNIT_NAME",
+       COALESCE(POP.order_qty,'0') AS "ORDER_QTY",
+       COALESCE(POP.partner_price,'0') AS "PARTNER_PRICE",
+       COALESCE(POP.price1,'0') AS "PRICE1",
+       COALESCE(POP.price2,'0') AS "PRICE2",
+       COALESCE(POP.price3,'0') AS "PRICE3",
+       COALESCE(POP.price4,'0') AS "PRICE4",
+       COALESCE(POP.supply_unit_price,'0') AS "SUPPLY_UNIT_PRICE",
+       COALESCE(POP.supply_unit_vat_price,'0') AS "SUPPLY_UNIT_VAT_PRICE",
+       COALESCE(POP.supply_unit_vat_sum_price,'0') AS "SUPPLY_UNIT_VAT_SUM_PRICE",
+       COALESCE(POP.real_supply_price,'0') AS "REAL_SUPPLY_PRICE",
+       POP.remark AS "REMARK",
+       POP.ld_part_objid AS "LD_PART_OBJID",
+       COALESCE(POP.total_order_qty,'0') AS "TOTAL_ORDER_QTY",
+       COALESCE(POP.stock_qty,'0') AS "STOCK_QTY",
+       COALESCE(POP.real_order_qty,'0') AS "REAL_ORDER_QTY",
+       (SELECT SUM(COALESCE(DH.delivery_qty,'0')::numeric) FROM delivery_history DH WHERE DH.purchase_order_part_objid = POP.objid) AS "TOTAL_DELIVERY_QTY",
+       (SELECT SUM(COALESCE(DH.defect_qty,'0')::numeric) FROM delivery_history DH WHERE DH.purchase_order_part_objid = POP.objid) AS "TOTAL_DEFECT_QTY"
+     FROM purchase_order_part POP
+       JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+       LEFT OUTER JOIN part_mng PM ON POP.part_objid = PM.objid::text
+     WHERE POP.purchase_order_master_objid::text = $1
+     ORDER BY PM.part_no NULLS LAST, POP.regdate DESC`,
+    [String(objId)],
+  );
+
+  // 동시발주 슬레이브 건들 (마스터의 경우만) — 같은 multi_master_objid를 가진 형제들
+  const slaves =
+    info.MULTI_MASTER_YN === "Y"
+      ? await queryRows(
+          `SELECT S.objid::text AS "OBJID",
+             S.purchase_order_no AS "PURCHASE_ORDER_NO",
+             S.partner_objid AS "PARTNER_OBJID",
+             (SELECT supply_name FROM admin_supply_mng WHERE objid::text = S.partner_objid LIMIT 1) AS "PARTNER_NAME",
+             S.contract_mgmt_objid::text AS "CONTRACT_MGMT_OBJID",
+             (SELECT COALESCE(project_no, contract_no) FROM project_mgmt WHERE objid = S.contract_mgmt_objid LIMIT 1) AS "PROJECT_NO",
+             S.unit_code AS "UNIT_CODE",
+             S.delivery_plan_date AS "DELIVERY_PLAN_DATE",
+             S.delivery_plan_qty AS "DELIVERY_PLAN_QTY",
+             COALESCE(S.total_price,'0') AS "TOTAL_PRICE",
+             S.status AS "STATUS"
+           FROM purchase_order_master S
+           WHERE S.multi_master_objid::text = $1
+             AND S.objid::text != $1
+           ORDER BY S.regdate`,
+          [String(objId)],
+        )
+      : [];
+
+  return NextResponse.json({ success: true, data: info, PARTS: parts, SLAVES: slaves });
+}
diff --git a/src/app/api/order/list/route.ts b/src/app/api/order/list/route.ts
new file mode 100644
index 0000000..3a62d43
--- /dev/null
+++ b/src/app/api/order/list/route.ts
@@ -0,0 +1,223 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.xml#purchaseOrderMasterList_new
+// 발주관리 > 발주서관리 목록. 동시발주는 마스터 행만 노출(MULTI_MASTER_YN='Y' 또는 동시발주 아님).
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = [
+    "1=1",
+    "(COALESCE(POM.multi_master_yn,'') = 'Y' OR (COALESCE(POM.multi_master_yn,'') != 'Y' AND COALESCE(POM.multi_yn,'') != 'Y'))",
+  ];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.customer_cd) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM project_mgmt SP WHERE POM.contract_mgmt_objid = SP.objid AND SP.customer_objid::text = $${idx++})`,
+    );
+    params.push(body.customer_cd);
+  }
+  if (body.project_no) {
+    // project_no(LIKE) — project_mgmt.project_no 또는 contract_no 부분 일치
+    conditions.push(
+      `EXISTS (SELECT 1 FROM project_mgmt SP WHERE POM.contract_mgmt_objid = SP.objid
+               AND (COALESCE(SP.project_no,'') LIKE '%' || $${idx} || '%'
+                    OR COALESCE(SP.contract_no,'') LIKE '%' || $${idx} || '%'))`,
+    );
+    params.push(body.project_no);
+    idx++;
+  }
+  if (body.customer_project_name) {
+    conditions.push(`CM.customer_project_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.customer_project_name);
+  }
+  if (body.unit_code) {
+    conditions.push(`COALESCE(POM.unit_code,'') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.unit_code);
+  }
+  if (body.purchase_order_no) {
+    conditions.push(`POM.purchase_order_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.purchase_order_no);
+  }
+  if (body.type) {
+    conditions.push(`POM.type = $${idx++}`);
+    params.push(body.type);
+  }
+  if (body.order_type_cd) {
+    conditions.push(`POM.order_type_cd = $${idx++}`);
+    params.push(body.order_type_cd);
+  }
+  if (body.delivery_start_date) {
+    conditions.push(
+      `COALESCE(POM.delivery_date,'') <> '' AND TO_DATE(POM.delivery_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`,
+    );
+    params.push(body.delivery_start_date);
+  }
+  if (body.delivery_end_date) {
+    conditions.push(
+      `COALESCE(POM.delivery_date,'') <> '' AND TO_DATE(POM.delivery_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`,
+    );
+    params.push(body.delivery_end_date);
+  }
+  if (body.partner_objid) {
+    conditions.push(`POM.partner_objid = $${idx++}`);
+    params.push(body.partner_objid);
+  }
+  if (body.sales_mng_user_id) {
+    conditions.push(`POM.sales_mng_user_id = $${idx++}`);
+    params.push(body.sales_mng_user_id);
+  }
+  if (body.reg_start_date) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY-MM-DD') >= $${idx++}`);
+    params.push(body.reg_start_date);
+  }
+  if (body.reg_end_date) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY-MM-DD') <= $${idx++}`);
+    params.push(body.reg_end_date);
+  }
+  if (body.po_client_id) {
+    conditions.push(`POM.po_client_id = $${idx++}`);
+    params.push(body.po_client_id);
+  }
+  if (body.part_no) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM purchase_order_part POP WHERE POP.purchase_order_master_objid = POM.objid
+               AND TRIM(UPPER(COALESCE(POP.part_no,''))) LIKE '%' || TRIM(UPPER($${idx++})) || '%')`,
+    );
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM purchase_order_part POP WHERE POP.purchase_order_master_objid = POM.objid
+               AND TRIM(UPPER(COALESCE(POP.part_name,''))) LIKE '%' || TRIM(UPPER($${idx++})) || '%')`,
+    );
+    params.push(body.part_name);
+  }
+  if (body.part_spec) {
+    conditions.push(
+      `EXISTS (SELECT 1 FROM purchase_order_part POP WHERE POP.purchase_order_master_objid = POM.objid
+               AND TRIM(UPPER(COALESCE(POP.spec,''))) LIKE '%' || TRIM(UPPER($${idx++})) || '%')`,
+    );
+    params.push(body.part_spec);
+  }
+  if (body.appr_status) {
+    const s = String(body.appr_status);
+    if (s === "cancel") {
+      conditions.push(`POM.status = 'cancel'`);
+    } else if (s === "complete") {
+      conditions.push(`POM.status = 'approvalComplete'`);
+    } else if (s === "create") {
+      conditions.push(
+        `POM.status = 'create'
+         AND NOT EXISTS (SELECT 1 FROM approval AT2 WHERE AT2.target_objid::text = POM.objid::text)
+         AND NOT EXISTS (SELECT 1 FROM approval_target AT3 WHERE AT3.target_objid::text = POM.objid::text OR AT3.master_target_objid::text = POM.objid::text)`,
+      );
+    } else {
+      // inProcess / reject 등은 approval.status 기준
+      conditions.push(`A.appr_status = $${idx++}`);
+      params.push(s);
+    }
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT POM.objid::text AS "OBJID",
+      (SELECT ARRAY_TO_STRING(ARRAY_AGG(S.objid), ',') FROM purchase_order_master S
+         WHERE POM.objid = S.multi_master_objid) AS "MULTI_OBJIDS",
+      TO_CHAR(CM.regdate, 'YYYY') AS "CM_YEAR",
+      TO_CHAR(POM.regdate, 'YYYY') AS "PO_YEAR",
+      (SELECT supply_name FROM supply_mng SM WHERE SM.objid::text = CM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+      COALESCE(CM.project_no, CM.contract_no) AS "PROJECT_NO",
+      POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+      (CASE WHEN COALESCE(POM.multi_yn,'') = 'Y' AND COALESCE(POM.multi_master_yn,'') != 'Y' THEN 'ㅡ' ELSE '' END)
+        || COALESCE(POM.title,'') AS "TITLE",
+      POM.delivery_place AS "DELIVERY_PLACE",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.delivery_place LIMIT 1) AS "DELIVERY_PLACE_NAME",
+      POM.inspect_method AS "INSPECT_METHOD",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.inspect_method LIMIT 1) AS "INSPECT_METHOD_NAME",
+      POM.payment_terms AS "PAYMENT_TERMS",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.payment_terms LIMIT 1) AS "PAYMENT_TERMS_NAME",
+      POM.delivery_date AS "DELIVERY_DATE",
+      POM.type AS "TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.type LIMIT 1) AS "TYPE_NAME",
+      POM.partner_objid AS "PARTNER_OBJID",
+      (SELECT supply_name FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "PARTNER_NAME",
+      POM.sales_mng_user_id AS "SALES_MNG_USER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1) AS "SALES_MNG_USER_NAME",
+      TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(POM.total_price,'0') AS "TOTAL_PRICE",
+      COALESCE(POM.total_price_all,'0') AS "TOTAL_PRICE_ALL",
+      COALESCE(POM.discount_price,'0') AS "DISCOUNT_PRICE",
+      COALESCE(POM.discount_price_all,'0') AS "DISCOUNT_PRICE_ALL",
+      COALESCE(POM.total_supply_price,'0') AS "TOTAL_SUPPLY_PRICE",
+      COALESCE(POM.total_supply_unit_price,'0') AS "TOTAL_SUPPLY_UNIT_PRICE",
+      COALESCE(POM.total_real_supply_price,'0') AS "TOTAL_REAL_SUPPLY_PRICE",
+      POM.nego_rate AS "NEGO_RATE",
+      POM.order_type_cd AS "ORDER_TYPE_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = POM.order_type_cd LIMIT 1) AS "ORDER_TYPE_CD_NAME",
+      POM.unit_code AS "UNIT_CODE",
+      (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = POM.unit_code LIMIT 1) AS "UNIT_NAME",
+      COALESCE(POM.multi_yn,'') AS "MULTI_YN",
+      COALESCE(POM.multi_master_yn,'') AS "MULTI_MASTER_YN",
+      POM.multi_master_objid AS "MULTI_MASTER_OBJID",
+      CASE WHEN COALESCE(POM.multi_master_yn,'') = 'Y' THEN '' ELSE COALESCE(POM.multi_yn,'') END AS "MULTI_YN_MAKED",
+      POM.status AS "STATUS",
+      A.appr_status AS "APPR_STATUS",
+      CASE WHEN POM.status = 'cancel' THEN '취소'
+           ELSE COALESCE(A.appr_status_name, '작성중')
+      END AS "APPR_STATUS_NAME",
+      A.route_objid AS "ROUTE_OBJID",
+      A.approval_objid AS "APPROVAL_OBJID",
+      A.appr_date AS "APPR_DATE"
+    FROM purchase_order_master POM
+    LEFT OUTER JOIN (
+      SELECT B.objid AS route_objid,
+             B.status AS appr_status,
+             CASE B.status
+               WHEN 'inProcess' THEN '결재중'
+               WHEN 'complete' THEN '결재완료'
+               WHEN 'reject' THEN '반려'
+               WHEN 'cancel' THEN '취소'
+               ELSE ''
+             END AS appr_status_name,
+             AP.objid AS approval_objid,
+             AP.target_objid,
+             B.route_seq,
+             TO_CHAR(B.regdate, 'YYYY-MM-DD') AS appr_date
+        FROM approval AP
+        JOIN (
+          SELECT T1.*
+            FROM (SELECT target_objid, MAX(route_seq) AS route_seq FROM route GROUP BY target_objid) T
+            JOIN route T1 ON T.target_objid = T1.target_objid AND T.route_seq = T1.route_seq
+        ) B ON AP.objid = B.approval_objid
+       WHERE AP.target_type IN ('PURCHASE_ORDER')
+    ) A ON POM.objid::text = A.target_objid::text
+    LEFT OUTER JOIN project_mgmt CM ON POM.contract_mgmt_objid = CM.objid
+    WHERE ${where}
+    ORDER BY
+      CASE WHEN POM.purchase_order_no ~ '^[^-]+-[^-]+-[0-9]+$'
+           THEN SPLIT_PART(POM.purchase_order_no, '-', 3)::numeric
+           ELSE 0 END DESC,
+      POM.regdate DESC
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("order/list:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/order/multi-projects/route.ts b/src/app/api/order/multi-projects/route.ts
new file mode 100644
index 0000000..73814a5
--- /dev/null
+++ b/src/app/api/order/multi-projects/route.ts
@@ -0,0 +1,54 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: common.getProjectNameList (contract_objid 동일) + salesMng.salesBomReportInfo2(구매BOM 존재 여부)
+// 동시발주 추가 프로젝트 후보 조회:
+//   1) 마스터 프로젝트(contract_mgmt_objid)와 동일한 CONTRACT_OBJID(상위 계약) 소속
+//   2) 마스터 자신은 제외
+//   3) 해당 프로젝트에 구매BOM(sales_bom_report_part)이 등록되어 있어야 함
+//   4) (옵션) 선택된 공급처가 구매BOM의 supply_objid/1/2/3/4 중 하나로 등록된 프로젝트만
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const masterProjectObjId = String(body.contract_mgmt_objid || "");
+  const partnerObjId = String(body.partner_objid || "");
+  if (!masterProjectObjId) return NextResponse.json({ RESULTLIST: [] });
+
+  // partner_objid가 있으면 해당 공급처가 등록된 BOM만, 없으면 BOM 존재 여부만 필터
+  const partnerFilter = partnerObjId
+    ? `AND EXISTS (
+         SELECT 1
+           FROM part_bom_report PBR
+           JOIN sales_bom_report_part SBP ON SBP.parent_objid::text = PBR.objid::text
+          WHERE PBR.contract_objid = P.objid
+            AND (SBP.supply_objid = $2 OR SBP.supply_objid1 = $2
+              OR SBP.supply_objid2 = $2 OR SBP.supply_objid3 = $2 OR SBP.supply_objid4 = $2)
+       )`
+    : `AND EXISTS (
+         SELECT 1
+           FROM part_bom_report PBR
+           JOIN sales_bom_report_part SBP ON SBP.parent_objid::text = PBR.objid::text
+          WHERE PBR.contract_objid = P.objid
+       )`;
+
+  const sql = `
+    SELECT P.objid::text AS "OBJID",
+           P.project_no AS "PROJECT_NO",
+           P.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+           COALESCE(P.project_no, '') || ' - ' || COALESCE(P.customer_project_name, '') AS "LABEL"
+      FROM project_mgmt P
+     WHERE P.contract_objid = (
+             SELECT contract_objid FROM project_mgmt WHERE objid::text = $1 LIMIT 1
+           )
+       AND P.objid::text <> $1
+       ${partnerFilter}
+     ORDER BY P.project_no
+  `;
+
+  const params = partnerObjId ? [masterProjectObjId, partnerObjId] : [masterProjectObjId];
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/order/prev-orders/route.ts b/src/app/api/order/prev-orders/route.ts
new file mode 100644
index 0000000..1aaa2dc
--- /dev/null
+++ b/src/app/api/order/prev-orders/route.ts
@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 재발주 시 원본 발주서 선택용 — 같은 프로젝트의 approvalComplete 된 발주서 목록
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const contractObjId = String(body.contract_mgmt_objid || "");
+  if (!contractObjId) return NextResponse.json({ RESULTLIST: [] });
+
+  // 재발주 원본 후보: 같은 프로젝트의 결재완료 건. 동시발주 슬레이브만 제외 (마스터/단일은 선택 가능).
+  const rows = await queryRows(
+    `SELECT POM.objid::text AS "OBJID",
+            POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+            POM.title AS "TITLE",
+            TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE",
+            (SELECT supply_name FROM admin_supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) AS "PARTNER_NAME"
+       FROM purchase_order_master POM
+      WHERE POM.contract_mgmt_objid::text = $1
+        AND POM.status = 'approvalComplete'
+        AND NOT (
+          COALESCE(POM.multi_yn,'') = 'Y'
+          AND COALESCE(POM.multi_master_yn,'') != 'Y'
+        )
+      ORDER BY POM.regdate DESC
+`,
+    [contractObjId],
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/order/price-save/route.ts b/src/app/api/order/price-save/route.ts
new file mode 100644
index 0000000..a61544b
--- /dev/null
+++ b/src/app/api/order/price-save/route.ts
@@ -0,0 +1,233 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 원본: /purchaseOrder/purchaseOrderFormPopup_PriceSave.do — 단가만 저장
+// 품목의 PARTNER_PRICE, PRICE1~4, SUPPLY_UNIT_PRICE, VAT 관련 값만 업데이트.
+// 마스터의 수량/거래처/납품일 등은 건드리지 않음.
+// 동시발주 마스터인 경우 슬레이브 품목/합계도 동기화 (마스터 품목을 DELETE+INSERT로 복제).
+interface PriceRow {
+  OBJID?: string;
+  PARTNER_PRICE?: string | number;
+  PRICE1?: string | number;
+  PRICE2?: string | number;
+  PRICE3?: string | number;
+  PRICE4?: string | number;
+  ORDER_QTY?: string | number;
+}
+
+const toNum = (v: unknown) => {
+  const s = String(v ?? "").replace(/,/g, "");
+  const n = Number(s);
+  return Number.isFinite(n) ? n : 0;
+};
+const toStr = (v: unknown) => (v === undefined || v === null ? "" : String(v));
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const masterObjId = toStr(body.objId || body.MASTER_OBJID);
+  const vatMethod = toStr(body.vat_method);
+  const rows: PriceRow[] = Array.isArray(body.parts) ? body.parts : [];
+  if (!masterObjId) {
+    return NextResponse.json({ success: false, message: "objId가 필요합니다." });
+  }
+  const vatRate = vatMethod === "0000270" ? 0 : 0.1;
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 결재중/결재완료/취소 상태는 단가저장 불가. 슬레이브도 차단 (마스터에서만).
+    const check = await client.query(
+      `SELECT COALESCE(status,'') AS status,
+              COALESCE(multi_yn,'') AS multi_yn,
+              COALESCE(multi_master_yn,'') AS multi_master_yn
+         FROM purchase_order_master WHERE objid::text = $1`,
+      [masterObjId],
+    );
+    const cur = check.rows[0];
+    if (cur?.multi_yn === "Y" && cur?.multi_master_yn !== "Y") {
+      await client.query("ROLLBACK");
+      return NextResponse.json({
+        success: false,
+        message: "동시발주 슬레이브건은 마스터 발주서에서 수정해주세요.",
+      });
+    }
+    if (
+      cur?.status === "approvalRequest" ||
+      cur?.status === "approvalComplete" ||
+      cur?.status === "cancel"
+    ) {
+      await client.query("ROLLBACK");
+      const label =
+        cur.status === "approvalRequest"
+          ? "결재중"
+          : cur.status === "approvalComplete"
+            ? "결재완료"
+            : "취소";
+      return NextResponse.json({
+        success: false,
+        message: `${label} 상태의 발주서는 단가저장할 수 없습니다.`,
+      });
+    }
+
+    let totalSupplyUnitPrice = 0;
+    let totalSupplyPrice = 0;
+    for (const r of rows) {
+      if (!toStr(r.OBJID)) continue;
+      const qty = toNum(r.ORDER_QTY);
+      const unit = toNum(r.PARTNER_PRICE);
+      const sum = qty * (unit + toNum(r.PRICE1) + toNum(r.PRICE2) + toNum(r.PRICE3) + toNum(r.PRICE4));
+      totalSupplyUnitPrice += sum;
+      totalSupplyPrice += qty * unit;
+      await client.query(
+        `UPDATE purchase_order_part SET
+           partner_price = $2, price1 = $3, price2 = $4, price3 = $5, price4 = $6,
+           supply_unit_price = $7,
+           supply_unit_vat_price = $8,
+           supply_unit_vat_sum_price = $9,
+           real_supply_price = $9,
+           update_date = now(), modifier = $10
+         WHERE objid = $1`,
+        [
+          toStr(r.OBJID),
+          String(unit),
+          String(toNum(r.PRICE1)),
+          String(toNum(r.PRICE2)),
+          String(toNum(r.PRICE3)),
+          String(toNum(r.PRICE4)),
+          String(sum),
+          String(Math.round(sum * vatRate)),
+          String(Math.round(sum * (1 + vatRate))),
+          user.userId,
+        ],
+      );
+    }
+    // 동시발주 슬레이브 품목 동기화: 마스터 현재 품목을 슬레이브로 DELETE+INSERT 복제.
+    // save/route.ts의 슬레이브 생성 로직과 동일 패턴 — 단가가 바뀌면 슬레이브 품목도 같이.
+    const slavesRes = await client.query(
+      `SELECT objid::text AS objid FROM purchase_order_master
+         WHERE multi_master_objid::text = $1 AND objid::text <> $1`,
+      [masterObjId],
+    );
+    if (slavesRes.rows.length > 0) {
+      const masterPartsRes = await client.query(
+        `SELECT part_objid, part_no, part_name, spec, maker, unit,
+                order_qty, partner_price, price1, price2, price3, price4,
+                supply_unit_price, supply_unit_vat_price, supply_unit_vat_sum_price,
+                real_supply_price, real_order_qty, total_order_qty, stock_qty,
+                remark, ld_part_objid
+           FROM purchase_order_part
+          WHERE purchase_order_master_objid::text = $1
+          ORDER BY regdate ASC, objid ASC`,
+        [masterObjId],
+      );
+      for (const slave of slavesRes.rows) {
+        await client.query(
+          `DELETE FROM purchase_order_part WHERE purchase_order_master_objid::text = $1`,
+          [slave.objid],
+        );
+        for (const mp of masterPartsRes.rows) {
+          await client.query(
+            `INSERT INTO purchase_order_part (
+               objid, purchase_order_master_objid, part_objid, part_no, part_name,
+               spec, maker, unit, order_qty, partner_price,
+               price1, price2, price3, price4,
+               supply_unit_price, supply_unit_vat_price, supply_unit_vat_sum_price,
+               real_supply_price, real_order_qty, total_order_qty, stock_qty,
+               remark, writer, regdate, status, ld_part_objid
+             ) VALUES (
+               $1, $2, $3, $4, $5, $6, $7, $8, $9, $10,
+               $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21,
+               $22, $23, now(), 'create', $24
+             )`,
+            [
+              createObjectId(),
+              slave.objid,
+              toStr(mp.part_objid),
+              toStr(mp.part_no),
+              toStr(mp.part_name),
+              toStr(mp.spec),
+              toStr(mp.maker),
+              toStr(mp.unit),
+              toStr(mp.order_qty),
+              toStr(mp.partner_price),
+              toStr(mp.price1),
+              toStr(mp.price2),
+              toStr(mp.price3),
+              toStr(mp.price4),
+              toStr(mp.supply_unit_price),
+              toStr(mp.supply_unit_vat_price),
+              toStr(mp.supply_unit_vat_sum_price),
+              toStr(mp.real_supply_price),
+              toStr(mp.real_order_qty),
+              toStr(mp.total_order_qty),
+              toStr(mp.stock_qty),
+              toStr(mp.remark),
+              user.userId,
+              toStr(mp.ld_part_objid),
+            ],
+          );
+        }
+      }
+    }
+
+    // 마스터 + 슬레이브의 단건 합계 동기화 (discount_price_all은 건드리지 않음 — 원본 동작)
+    const discount = toNum(body.discount_price);
+    const totalPrice = totalSupplyUnitPrice - discount;
+    const realSupply = Math.round(totalPrice * (1 + vatRate));
+    const negoRate =
+      totalSupplyPrice > 0 ? Math.round((discount / totalSupplyPrice) * 10000) / 100 : 0;
+    await client.query(
+      `UPDATE purchase_order_master SET
+         total_supply_unit_price = $2, total_supply_price = $3,
+         total_real_supply_price = $4, total_price = $5,
+         discount_price = $6, nego_rate = $7
+       WHERE objid::text = $1 OR multi_master_objid::text = $1`,
+      [
+        masterObjId,
+        String(totalSupplyUnitPrice),
+        String(totalSupplyPrice),
+        String(realSupply),
+        String(totalPrice),
+        String(discount),
+        String(negoRate),
+      ],
+    );
+
+    // 원본 updatePurchaseOrderMasterPriceAll + updatePurchaseOrderPriceTxt
+    // 마스터+슬레이브에 total_supply_unit_price_all, total_price_all, 한글 금액 세팅
+    // (save/route.ts와 동일 패턴)
+    const supplyUnitAll = totalSupplyUnitPrice * (1 + slavesRes.rows.length);
+    await client.query(
+      `UPDATE purchase_order_master SET
+          total_supply_unit_price_all = $2,
+          total_price_all = CASE
+            WHEN COALESCE(discount_price, '0')::numeric != 0
+            THEN (COALESCE(total_real_supply_price, '0')::numeric - COALESCE(discount_price, '0')::numeric)::text
+            ELSE NULL END,
+          total_price_txt = NUM_TO_KOR(COALESCE(total_supply_unit_price, '0'), '일금 ', ' 원정 (￦ ')
+            || TO_CHAR(COALESCE(total_supply_unit_price, '0')::numeric, '999,999,999,999') || ')',
+          total_price_txt_all = NUM_TO_KOR(COALESCE(total_supply_unit_price_all, '0'), '일금 ', ' 원정 (￦ ')
+            || TO_CHAR(COALESCE(total_supply_unit_price_all, '0')::numeric, '999,999,999,999') || ')'
+        WHERE objid::text = $1 OR multi_master_objid::text = $1`,
+      [masterObjId, String(supplyUnitAll)],
+    );
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "단가가 저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("order/price-save:", e);
+    return NextResponse.json(
+      { success: false, message: "단가 저장 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/order/save/route.ts b/src/app/api/order/save/route.ts
new file mode 100644
index 0000000..e9b3b3a
--- /dev/null
+++ b/src/app/api/order/save/route.ts
@@ -0,0 +1,581 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+import { COMPANY_INFO } from "@/lib/constants";
+
+// 원본: purchaseOrder.mergePurchaseOrderMaster + purchaseOrder.initPurchaseOrderPart + mergePurchaseOrderPart
+// 발주서 UPSERT (단일발주 + 동시발주)
+// 동시발주: 하나의 공급처에 대해 여러 프로젝트를 묶어서 발주. 마스터 1건 +
+// 추가 프로젝트 수만큼 슬레이브 PO 생성. 슬레이브는 multi_yn='Y', multi_master_yn='N',
+// multi_master_objid=master, 품목은 마스터 것을 복사 (각 프로젝트별 contract_mgmt_objid만 다름).
+interface MultiProjectEntry {
+  contract_mgmt_objid?: string;
+  unit_code?: string;
+  delivery_plan_date?: string;
+  delivery_plan_qty?: string | number;
+  objid?: string; // 기존 슬레이브 OBJID (편집 시)
+}
+
+interface PartRow {
+  OBJID?: string;
+  PART_OBJID?: string;
+  PART_NO?: string;
+  PART_NAME?: string;
+  SPEC?: string;
+  MAKER?: string;
+  UNIT?: string;
+  ORDER_QTY?: string | number;
+  PARTNER_PRICE?: string | number;
+  PRICE1?: string | number;
+  PRICE2?: string | number;
+  PRICE3?: string | number;
+  PRICE4?: string | number;
+  SUPPLY_UNIT_PRICE?: string | number;
+  SUPPLY_UNIT_VAT_PRICE?: string | number;
+  SUPPLY_UNIT_VAT_SUM_PRICE?: string | number;
+  REMARK?: string;
+  LD_PART_OBJID?: string;
+  TOTAL_ORDER_QTY?: string | number;
+  STOCK_QTY?: string | number;
+  REAL_ORDER_QTY?: string | number;
+}
+
+const toStr = (v: unknown) => (v === undefined || v === null ? "" : String(v));
+const toNum = (v: unknown) => {
+  const s = toStr(v).replace(/,/g, "");
+  const n = Number(s);
+  return Number.isFinite(n) ? n : 0;
+};
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const inputObjId = toStr(body.objId || body.MASTER_OBJID);
+  const isNew = !inputObjId;
+  const masterObjId = isNew ? createObjectId() : inputObjId;
+  const parts: PartRow[] = Array.isArray(body.parts) ? body.parts : [];
+  const rawMultiProjects: MultiProjectEntry[] = Array.isArray(body.multi_projects)
+    ? body.multi_projects.filter((m: MultiProjectEntry) => toStr(m?.contract_mgmt_objid))
+    : [];
+  // 동시적용 중복 방어:
+  //   1) 마스터와 같은 프로젝트는 거부 (프론트 우회 방어)
+  //   2) 슬레이브끼리 같은 프로젝트 중복은 첫 건만 남기고 제거
+  const masterProject = toStr(body.contract_mgmt_objid);
+  if (rawMultiProjects.some((m) => toStr(m.contract_mgmt_objid) === masterProject)) {
+    return NextResponse.json({
+      success: false,
+      message: "동시적용 프로젝트에 마스터 프로젝트를 포함할 수 없습니다.",
+    });
+  }
+  const seenProjects = new Set<string>();
+  const multiProjects: MultiProjectEntry[] = [];
+  for (const m of rawMultiProjects) {
+    const key = toStr(m.contract_mgmt_objid);
+    if (seenProjects.has(key)) {
+      return NextResponse.json({
+        success: false,
+        message: "동시적용 프로젝트가 중복되었습니다. 같은 프로젝트는 1회만 선택할 수 있습니다.",
+      });
+    }
+    seenProjects.add(key);
+    multiProjects.push(m);
+  }
+  const isMulti = multiProjects.length > 0;
+  // 발주처는 FITO 고정 — 클라이언트 입력 무시
+  const poClientId = COMPANY_INFO.PO_CLIENT_ID;
+
+  // 필수 검증
+  if (!toStr(body.partner_objid)) {
+    return NextResponse.json({ success: false, message: "공급처(PARTNER)를 선택하세요." });
+  }
+  if (!toStr(body.contract_mgmt_objid)) {
+    return NextResponse.json({ success: false, message: "프로젝트를 선택하세요." });
+  }
+  if (!toStr(body.type)) {
+    return NextResponse.json({ success: false, message: "발주부품을 선택하세요." });
+  }
+
+  // 합계 계산 (서버사이드에서 재계산: 품목 공급가 = qty * (partner_price + price1..4))
+  let totalSupplyUnitPrice = 0; // 공급단가 합계 (POP.supply_unit_price 합)
+  let totalSupplyPrice = 0; // 공급가 합계 (price1..4 포함하지 않은 단가*수량 합)
+  for (const p of parts) {
+    const qty = toNum(p.ORDER_QTY);
+    const unit = toNum(p.PARTNER_PRICE);
+    const sum = qty * (unit + toNum(p.PRICE1) + toNum(p.PRICE2) + toNum(p.PRICE3) + toNum(p.PRICE4));
+    totalSupplyUnitPrice += sum;
+    totalSupplyPrice += qty * unit;
+  }
+  const discountPrice = toNum(body.discount_price);
+  const totalPrice = totalSupplyUnitPrice - discountPrice;
+  // VAT 10% 기본
+  const vatRate = toStr(body.vat_method) === "0000270" ? 0 : 0.1; // 0000270 = 부가세 없음 (표준코드 추정)
+  const totalRealSupplyPrice = Math.round(totalPrice * (1 + vatRate));
+  const negoRate =
+    totalSupplyPrice > 0 ? Math.round((discountPrice / totalSupplyPrice) * 10000) / 100 : 0;
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // PO 번호 자동생성 (신규 때만). 형식: PO-YYMM-SEQ
+    let poNo = toStr(body.purchase_order_no);
+    if (isNew || !poNo) {
+      const now = new Date();
+      const yymm =
+        String(now.getFullYear()).slice(2) + String(now.getMonth() + 1).padStart(2, "0");
+      const r = await client.query(
+        `SELECT COALESCE(MAX(
+            CASE WHEN SPLIT_PART(purchase_order_no, '-', 3) ~ '^[0-9]+$'
+                 THEN SPLIT_PART(purchase_order_no, '-', 3)::int ELSE 0 END), 0) + 1 AS next_seq
+           FROM purchase_order_master`,
+      );
+      const nextSeq = Number(r.rows[0]?.next_seq ?? 1);
+      poNo = `PO-${yymm}-${nextSeq}`;
+    }
+
+    // 공급처 정보 자동 채우기 (admin_supply_mng 조회)
+    let supplyInfo: Record<string, string> = {};
+    if (toStr(body.partner_objid)) {
+      const r = await client.query(
+        `SELECT bus_reg_no, supply_address, supply_tel_no, supply_fax_no, office_no, email, charge_user_name
+           FROM admin_supply_mng WHERE objid::text = $1`,
+        [toStr(body.partner_objid)],
+      );
+      if (r.rows[0]) {
+        supplyInfo = {
+          SUPPLY_BUS_NO: toStr(r.rows[0].bus_reg_no),
+          SUPPLY_USER_NAME: toStr(r.rows[0].charge_user_name),
+          SUPPLY_USER_HP: toStr(r.rows[0].office_no),
+          SUPPLY_USER_TEL: toStr(r.rows[0].supply_tel_no),
+          SUPPLY_USER_FAX: toStr(r.rows[0].supply_fax_no),
+          SUPPLY_USER_EMAIL: toStr(r.rows[0].email),
+          SUPPLY_ADDR: toStr(r.rows[0].supply_address),
+        };
+      }
+    }
+
+    if (isNew) {
+      await client.query(
+        `INSERT INTO purchase_order_master (
+           objid, purchase_order_no, po_client_id, partner_objid, my_company_objid,
+           contract_mgmt_objid, unit_code, bom_report_objid, sales_request_objid,
+           type, order_type_cd, delivery_date, delivery_place, effective_date,
+           payment_terms, inspect_method, vat_method, sales_mng_user_id,
+           title, remark, status, writer, regdate, purchase_date,
+           supply_bus_no, supply_user_name, supply_user_hp, supply_user_tel,
+           supply_user_fax, supply_user_email, supply_addr,
+           total_supply_unit_price, total_supply_price, total_real_supply_price,
+           total_price, total_price_all, discount_price, discount_price_all,
+           nego_rate, multi_yn, multi_master_yn, multi_master_objid, purchase_order_no_org
+         ) VALUES (
+           $1, $2, $3, $4, $5, $6::numeric, $7, $8, $9,
+           $10, $11, $12, $13, $14, $15, $16, $17, $18,
+           $19, $20, 'create', $21, now(), TO_CHAR(NOW(), 'YYYY-MM-DD'),
+           $22, $23, $24, $25, $26, $27, $28,
+           $29, $30, $31, $32, $33, $34, $35, $36, $37, $38, $39, $40
+         )`,
+        [
+          masterObjId,
+          poNo,
+          poClientId,
+          toStr(body.partner_objid),
+          toStr(body.my_company_objid) || poClientId,
+          toStr(body.contract_mgmt_objid),
+          toStr(body.unit_code),
+          toStr(body.bom_report_objid),
+          toStr(body.sales_request_objid),
+          toStr(body.type),
+          toStr(body.order_type_cd),
+          toStr(body.delivery_date),
+          toStr(body.delivery_place),
+          toStr(body.effective_date),
+          toStr(body.payment_terms),
+          toStr(body.inspect_method),
+          toStr(body.vat_method),
+          toStr(body.sales_mng_user_id) || user.userId,
+          toStr(body.title),
+          toStr(body.remark),
+          user.userId,
+          supplyInfo.SUPPLY_BUS_NO || "",
+          supplyInfo.SUPPLY_USER_NAME || "",
+          supplyInfo.SUPPLY_USER_HP || "",
+          supplyInfo.SUPPLY_USER_TEL || "",
+          supplyInfo.SUPPLY_USER_FAX || "",
+          supplyInfo.SUPPLY_USER_EMAIL || "",
+          supplyInfo.SUPPLY_ADDR || "",
+          String(totalSupplyUnitPrice),
+          String(totalSupplyPrice),
+          String(totalRealSupplyPrice),
+          String(totalPrice),
+          String(totalRealSupplyPrice), // 단일발주는 전체=자신
+          String(discountPrice),
+          String(discountPrice),
+          String(negoRate),
+          isMulti ? "Y" : "",
+          isMulti ? "Y" : "",
+          "", // multi_master_objid (master 자기 자신이므로 비움)
+          toStr(body.purchase_order_no_org),
+        ],
+      );
+    } else {
+      // 결재중/결재완료/취소 상태는 수정 불가. 슬레이브도 차단 (마스터를 통해서만).
+      const check = await client.query(
+        `SELECT COALESCE(multi_yn,'') AS multi_yn,
+                COALESCE(multi_master_yn,'') AS multi_master_yn,
+                COALESCE(status,'') AS status
+           FROM purchase_order_master WHERE objid::text = $1`,
+        [masterObjId],
+      );
+      const cur = check.rows[0];
+      if (cur?.multi_yn === "Y" && cur?.multi_master_yn !== "Y") {
+        await client.query("ROLLBACK");
+        return NextResponse.json({
+          success: false,
+          message: "동시발주 슬레이브건은 마스터 발주서에서 수정해주세요.",
+        });
+      }
+      if (
+        cur?.status === "approvalRequest" ||
+        cur?.status === "approvalComplete" ||
+        cur?.status === "cancel"
+      ) {
+        await client.query("ROLLBACK");
+        const label =
+          cur.status === "approvalRequest"
+            ? "결재중"
+            : cur.status === "approvalComplete"
+              ? "결재완료"
+              : "취소";
+        return NextResponse.json({
+          success: false,
+          message: `${label} 상태의 발주서는 수정할 수 없습니다.`,
+        });
+      }
+      await client.query(
+        `UPDATE purchase_order_master SET
+           po_client_id = $2, partner_objid = $3,
+           contract_mgmt_objid = $4::numeric, unit_code = $5,
+           type = $6, order_type_cd = $7, delivery_date = $8, delivery_place = $9,
+           effective_date = $10, payment_terms = $11, inspect_method = $12,
+           vat_method = $13, sales_mng_user_id = $14, title = $15, remark = $16,
+           supply_bus_no = $17, supply_user_name = $18, supply_user_hp = $19,
+           supply_user_tel = $20, supply_user_fax = $21, supply_user_email = $22,
+           supply_addr = $23,
+           total_supply_unit_price = $24, total_supply_price = $25,
+           total_real_supply_price = $26, total_price = $27, total_price_all = $28,
+           discount_price = $29, discount_price_all = $30, nego_rate = $31,
+           multi_yn = $32, multi_master_yn = $33
+         WHERE objid::text = $1`,
+        [
+          masterObjId,
+          poClientId,
+          toStr(body.partner_objid),
+          toStr(body.contract_mgmt_objid),
+          toStr(body.unit_code),
+          toStr(body.type),
+          toStr(body.order_type_cd),
+          toStr(body.delivery_date),
+          toStr(body.delivery_place),
+          toStr(body.effective_date),
+          toStr(body.payment_terms),
+          toStr(body.inspect_method),
+          toStr(body.vat_method),
+          toStr(body.sales_mng_user_id) || user.userId,
+          toStr(body.title),
+          toStr(body.remark),
+          supplyInfo.SUPPLY_BUS_NO || "",
+          supplyInfo.SUPPLY_USER_NAME || "",
+          supplyInfo.SUPPLY_USER_HP || "",
+          supplyInfo.SUPPLY_USER_TEL || "",
+          supplyInfo.SUPPLY_USER_FAX || "",
+          supplyInfo.SUPPLY_USER_EMAIL || "",
+          supplyInfo.SUPPLY_ADDR || "",
+          String(totalSupplyUnitPrice),
+          String(totalSupplyPrice),
+          String(totalRealSupplyPrice),
+          String(totalPrice),
+          String(totalRealSupplyPrice),
+          String(discountPrice),
+          String(discountPrice),
+          String(negoRate),
+          isMulti ? "Y" : "",
+          isMulti ? "Y" : "",
+        ],
+      );
+    }
+
+    // 품목 재등록: 기존 delete 후 재삽입
+    await client.query(
+      `DELETE FROM purchase_order_part WHERE purchase_order_master_objid = $1`,
+      [masterObjId],
+    );
+    for (const p of parts) {
+      if (!toStr(p.PART_OBJID) && !toStr(p.PART_NO)) continue;
+      const qty = toNum(p.ORDER_QTY);
+      const unit = toNum(p.PARTNER_PRICE);
+      const sum = qty * (unit + toNum(p.PRICE1) + toNum(p.PRICE2) + toNum(p.PRICE3) + toNum(p.PRICE4));
+      await client.query(
+        `INSERT INTO purchase_order_part (
+           objid, purchase_order_master_objid, part_objid, part_no, part_name,
+           spec, maker, unit, order_qty, partner_price,
+           price1, price2, price3, price4,
+           supply_unit_price, supply_unit_vat_price, supply_unit_vat_sum_price,
+           real_supply_price, real_order_qty, total_order_qty, stock_qty,
+           remark, writer, regdate, status, ld_part_objid
+         ) VALUES (
+           $1, $2, $3, $4, $5, $6, $7, $8, $9, $10,
+           $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21,
+           $22, $23, now(), 'create', $24
+         )`,
+        [
+          createObjectId(),
+          masterObjId,
+          toStr(p.PART_OBJID),
+          toStr(p.PART_NO),
+          toStr(p.PART_NAME),
+          toStr(p.SPEC),
+          toStr(p.MAKER),
+          toStr(p.UNIT),
+          String(qty),
+          String(unit),
+          String(toNum(p.PRICE1)),
+          String(toNum(p.PRICE2)),
+          String(toNum(p.PRICE3)),
+          String(toNum(p.PRICE4)),
+          String(sum),
+          String(Math.round(sum * vatRate)),
+          String(Math.round(sum * (1 + vatRate))),
+          String(Math.round(sum * (1 + vatRate))),
+          String(toNum(p.REAL_ORDER_QTY) || qty),
+          String(toNum(p.TOTAL_ORDER_QTY)),
+          String(toNum(p.STOCK_QTY)),
+          toStr(p.REMARK),
+          user.userId,
+          toStr(p.LD_PART_OBJID),
+        ],
+      );
+    }
+
+    // === 동시발주 슬레이브 처리 ===
+    // 기존 슬레이브 전부 삭제 후 새로 생성 (parts도 동일하게)
+    await client.query(
+      `DELETE FROM purchase_order_part
+         WHERE purchase_order_master_objid IN (
+           SELECT objid FROM purchase_order_master
+            WHERE multi_master_objid::text = $1 AND objid::text <> $1
+         )`,
+      [masterObjId],
+    );
+    await client.query(
+      `DELETE FROM purchase_order_master
+         WHERE multi_master_objid::text = $1 AND objid::text <> $1`,
+      [masterObjId],
+    );
+
+    // 슬레이브 unit_code 재조회용: 마스터 유닛의 task_name 한 번만 조회
+    // 원본 common.getUnitCodeList — 동시 BOM으로 올라온 프로젝트는 같은 task_name의 유닛을 공유.
+    let masterTaskName = "";
+    if (isMulti && toStr(body.unit_code)) {
+      const r = await client.query(
+        `SELECT task_name FROM pms_wbs_task WHERE objid::text = $1`,
+        [toStr(body.unit_code)],
+      );
+      masterTaskName = toStr(r.rows[0]?.task_name);
+    }
+
+    for (const m of multiProjects) {
+      const slaveObjId = createObjectId();
+      const slaveContract = toStr(m.contract_mgmt_objid);
+      // 슬레이브 프로젝트에서 같은 task_name의 유닛 찾아 unit_code 재조회 (원본 getUnitCodeList)
+      const unitRes = await client.query(
+        `SELECT objid::text AS code FROM pms_wbs_task
+           WHERE contract_objid::text = $1
+             AND (TRIM(UPPER(COALESCE(task_name, ''))) = TRIM(UPPER($2))
+               OR TRIM(UPPER(COALESCE(unit_no, '') || '-' || COALESCE(task_name, ''))) = TRIM(UPPER($2)))
+           ORDER BY unit_no ASC LIMIT 1`,
+        [slaveContract, masterTaskName],
+      );
+      const slaveUnit = toStr(unitRes.rows[0]?.code);
+      if (!slaveUnit) {
+        const pr = await client.query(
+          `SELECT project_no FROM project_mgmt WHERE objid::text = $1`,
+          [slaveContract],
+        );
+        await client.query("ROLLBACK");
+        return NextResponse.json({
+          success: false,
+          message: `${toStr(pr.rows[0]?.project_no) || slaveContract} 프로젝트에 '${masterTaskName}' 유닛이 없습니다. 동시 BOM 설정을 확인하세요.`,
+        });
+      }
+      const slaveDelivDate = toStr(m.delivery_plan_date) || toStr(body.delivery_date);
+      const slaveDelivQty = toStr(m.delivery_plan_qty);
+      // 슬레이브 PO 번호 자동생성
+      const seqRes = await client.query(
+        `SELECT COALESCE(MAX(
+            CASE WHEN SPLIT_PART(purchase_order_no, '-', 3) ~ '^[0-9]+$'
+                 THEN SPLIT_PART(purchase_order_no, '-', 3)::int ELSE 0 END), 0) + 1 AS next_seq
+           FROM purchase_order_master`,
+      );
+      const slaveSeq = Number(seqRes.rows[0]?.next_seq ?? 1);
+      const now = new Date();
+      const yymm =
+        String(now.getFullYear()).slice(2) + String(now.getMonth() + 1).padStart(2, "0");
+      const slavePoNo = `PO-${yymm}-${slaveSeq}`;
+
+      await client.query(
+        `INSERT INTO purchase_order_master (
+           objid, purchase_order_no, po_client_id, partner_objid, my_company_objid,
+           contract_mgmt_objid, unit_code, bom_report_objid, sales_request_objid,
+           type, order_type_cd, delivery_date, delivery_place, effective_date,
+           payment_terms, inspect_method, vat_method, sales_mng_user_id,
+           title, remark, status, writer, regdate, purchase_date,
+           supply_bus_no, supply_user_name, supply_user_hp, supply_user_tel,
+           supply_user_fax, supply_user_email, supply_addr,
+           total_supply_unit_price, total_supply_price, total_real_supply_price,
+           total_price, total_price_all, discount_price, discount_price_all,
+           nego_rate, multi_yn, multi_master_yn, multi_master_objid,
+           delivery_plan_date, delivery_plan_qty, purchase_order_no_org
+         ) VALUES (
+           $1, $2, $3, $4, $5, $6::numeric, $7, $8, $9,
+           $10, $11, $12, $13, $14, $15, $16, $17, $18,
+           $19, $20, 'create', $21, now(), TO_CHAR(NOW(), 'YYYY-MM-DD'),
+           $22, $23, $24, $25, $26, $27, $28,
+           $29, $30, $31, $32, $33, $34, $35, $36, 'Y', 'N', $37,
+           $38, $39, ''
+         )`,
+        [
+          slaveObjId,
+          slavePoNo,
+          poClientId,
+          toStr(body.partner_objid),
+          toStr(body.my_company_objid) || poClientId,
+          slaveContract,
+          slaveUnit,
+          "",
+          "",
+          toStr(body.type),
+          toStr(body.order_type_cd),
+          slaveDelivDate,
+          toStr(body.delivery_place),
+          toStr(body.effective_date),
+          toStr(body.payment_terms),
+          toStr(body.inspect_method),
+          toStr(body.vat_method),
+          toStr(body.sales_mng_user_id) || user.userId,
+          toStr(body.title),
+          toStr(body.remark),
+          user.userId,
+          supplyInfo.SUPPLY_BUS_NO || "",
+          supplyInfo.SUPPLY_USER_NAME || "",
+          supplyInfo.SUPPLY_USER_HP || "",
+          supplyInfo.SUPPLY_USER_TEL || "",
+          supplyInfo.SUPPLY_USER_FAX || "",
+          supplyInfo.SUPPLY_USER_EMAIL || "",
+          supplyInfo.SUPPLY_ADDR || "",
+          String(totalSupplyUnitPrice),
+          String(totalSupplyPrice),
+          String(totalRealSupplyPrice),
+          String(totalPrice),
+          String(totalRealSupplyPrice),
+          String(discountPrice),
+          String(discountPrice),
+          String(negoRate),
+          masterObjId,
+          slaveDelivDate,
+          slaveDelivQty,
+        ],
+      );
+      // 슬레이브 품목도 마스터 것을 그대로 복사
+      for (const p of parts) {
+        if (!toStr(p.PART_OBJID) && !toStr(p.PART_NO)) continue;
+        const qty = toNum(p.ORDER_QTY);
+        const unit = toNum(p.PARTNER_PRICE);
+        const sum =
+          qty *
+          (unit + toNum(p.PRICE1) + toNum(p.PRICE2) + toNum(p.PRICE3) + toNum(p.PRICE4));
+        await client.query(
+          `INSERT INTO purchase_order_part (
+             objid, purchase_order_master_objid, part_objid, part_no, part_name,
+             spec, maker, unit, order_qty, partner_price,
+             price1, price2, price3, price4,
+             supply_unit_price, supply_unit_vat_price, supply_unit_vat_sum_price,
+             real_supply_price, real_order_qty, total_order_qty, stock_qty,
+             remark, writer, regdate, status, ld_part_objid
+           ) VALUES (
+             $1, $2, $3, $4, $5, $6, $7, $8, $9, $10,
+             $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21,
+             $22, $23, now(), 'create', $24
+           )`,
+          [
+            createObjectId(),
+            slaveObjId,
+            toStr(p.PART_OBJID),
+            toStr(p.PART_NO),
+            toStr(p.PART_NAME),
+            toStr(p.SPEC),
+            toStr(p.MAKER),
+            toStr(p.UNIT),
+            String(qty),
+            String(unit),
+            String(toNum(p.PRICE1)),
+            String(toNum(p.PRICE2)),
+            String(toNum(p.PRICE3)),
+            String(toNum(p.PRICE4)),
+            String(sum),
+            String(Math.round(sum * vatRate)),
+            String(Math.round(sum * (1 + vatRate))),
+            String(Math.round(sum * (1 + vatRate))),
+            String(toNum(p.REAL_ORDER_QTY) || qty),
+            String(toNum(p.TOTAL_ORDER_QTY)),
+            String(toNum(p.STOCK_QTY)),
+            toStr(p.REMARK),
+            user.userId,
+            toStr(p.LD_PART_OBJID),
+          ],
+        );
+      }
+    }
+
+    // 원본 updatePurchaseOrderMasterPriceAll + updatePurchaseOrderPriceTxt 를 1건으로 병합.
+    // 마스터와 모든 슬레이브에 동일한 집계값을 세팅:
+    //   - total_supply_unit_price_all: 마스터 공급단가 × (1 + 슬레이브수)
+    //   - total_price_all: real - discount (할인 없으면 NULL)
+    //   - total_price_txt / _all: NUM_TO_KOR 한글 금액 (PG 함수)
+    // discount_price_all은 저장 시점에 건드리지 않음 — 별도 네고 수정 화면에서 세팅하는 게 원본 동작.
+    const supplyUnitAll = totalSupplyUnitPrice * (1 + multiProjects.length);
+    await client.query(
+      `UPDATE purchase_order_master SET
+          total_supply_unit_price_all = $2,
+          total_price_all = CASE
+            WHEN COALESCE(discount_price, '0')::numeric != 0
+            THEN (COALESCE(total_real_supply_price, '0')::numeric - COALESCE(discount_price, '0')::numeric)::text
+            ELSE NULL END,
+          total_price_txt = NUM_TO_KOR(COALESCE(total_supply_unit_price, '0'), '일금 ', ' 원정 (￦ ')
+            || TO_CHAR(COALESCE(total_supply_unit_price, '0')::numeric, '999,999,999,999') || ')',
+          total_price_txt_all = NUM_TO_KOR(COALESCE(total_supply_unit_price_all, '0'), '일금 ', ' 원정 (￦ ')
+            || TO_CHAR(COALESCE(total_supply_unit_price_all, '0')::numeric, '999,999,999,999') || ')'
+        WHERE objid::text = $1 OR multi_master_objid::text = $1`,
+      [masterObjId, String(supplyUnitAll)],
+    );
+
+    await client.query("COMMIT");
+    return NextResponse.json({
+      success: true,
+      objId: masterObjId,
+      purchaseOrderNo: poNo,
+      message: isNew ? "등록되었습니다." : "수정되었습니다.",
+    });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("order/save:", e);
+    return NextResponse.json(
+      { success: false, message: "저장 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/order/status/route.ts b/src/app/api/order/status/route.ts
new file mode 100644
index 0000000..f8329f9
--- /dev/null
+++ b/src/app/api/order/status/route.ts
@@ -0,0 +1,170 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: purchaseOrder.xml#purchaseOrderStatusByProject
+// 발주관리 > 현황 — (프로젝트 × 유닛) 단위 발주율 / 재발주 / 턴키 / 총발주금액 집계
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  // 필터 조건 (모든 서브쿼리에 공통 적용)
+  const year = body.year ? String(body.year) : "";
+  const projectNo = body.project_no ? String(body.project_no) : "";
+  const unitCode = body.unit_code ? String(body.unit_code) : "";
+
+  // 공통 WHERE를 CTE별로 동일하게 쓰기 위해 파라미터 플레이스홀더를 정렬
+  // $1=year(POM.regdate YYYY), $2=project_no(프로젝트 LIKE), $3=unit_code
+  const params: unknown[] = [year || null, projectNo || null, unitCode || null];
+
+  const sql = `
+    WITH base AS (
+      -- 프로젝트 × 유닛(WBS) × (있다면)구매BOM 카르테시안
+      SELECT CM.objid::text AS project_objid,
+             COALESCE(CM.project_no, CM.contract_no) AS project_no,
+             CM.customer_project_name,
+             CM.project_name,
+             TO_CHAR(CM.regdate, 'YYYY') AS cm_year,
+             (SELECT supply_name FROM supply_mng O WHERE O.objid::text = CM.customer_objid LIMIT 1) AS customer_name,
+             PWT.objid::text AS unit_code,
+             COALESCE(PWT.unit_no,'') || '-' || COALESCE(PWT.task_name,'') AS unit_part_name,
+             PBR.objid::text AS bom_report_objid,
+             (SELECT COUNT(*) FROM bom_part_qty A WHERE A.bom_report_objid = PBR.objid) AS bom_cnt
+        FROM project_mgmt CM
+        LEFT JOIN pms_wbs_task PWT ON PWT.contract_objid = CM.objid
+        LEFT JOIN part_bom_report PBR ON PBR.contract_objid = CM.objid AND PBR.unit_code = PWT.objid::varchar
+       WHERE ($2::text IS NULL OR COALESCE(CM.project_no,'') ILIKE '%' || $2 || '%' OR COALESCE(CM.contract_no,'') ILIKE '%' || $2 || '%')
+         AND ($3::text IS NULL OR PWT.objid::text = $3)
+    ),
+    -- 구매BOM 부품 개수 (distinct part_no) — 발주율 분모
+    bom_rollup AS (
+      SELECT PBR.objid::text AS bom_report_objid,
+             COUNT(DISTINCT BPQ.part_no) FILTER (
+               WHERE COALESCE(PM.part_type,'') != ''
+                 AND BPQ.status IN ('beforeEdit','editing','deleting','deploy')
+             ) AS total_bom_part_cnt
+        FROM part_bom_report PBR
+        LEFT JOIN bom_part_qty BPQ ON BPQ.bom_report_objid = PBR.objid
+        LEFT JOIN part_mng PM ON COALESCE(NULLIF(BPQ.last_part_objid,''), BPQ.part_no) = PM.objid::text
+       GROUP BY PBR.objid
+    ),
+    -- 발주 집계 (approvalComplete만) — 프로젝트 × 유닛 단위
+    po_rollup AS (
+      SELECT POM.contract_mgmt_objid::text AS project_objid,
+             POM.unit_code,
+             SUM(COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric) AS total_supply_unit_price,
+             SUM(CASE WHEN PM.part_type IN ('0000063')
+                      THEN COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric END) AS price_pt_1,
+             SUM(CASE WHEN PM.part_type IN ('0000064','0001540','0001398','0001397','0001396')
+                      THEN COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric END) AS price_pt_2,
+             SUM(CASE WHEN PM.part_type IN ('0000065')
+                      THEN COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric END) AS price_pt_3,
+             SUM(CASE WHEN PM.part_type NOT IN ('0000063','0000064','0001540','0001398','0001397','0001396','0000065') OR PM.part_type IS NULL
+                      THEN COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric END) AS price_pt_etc,
+             COUNT(DISTINCT POP.part_objid) AS total_po_part_cnt
+        FROM purchase_order_master POM
+        JOIN purchase_order_part POP ON POP.purchase_order_master_objid = POM.objid
+        LEFT JOIN part_mng PM ON POP.part_objid = PM.objid::text
+       WHERE POM.status = 'approvalComplete'
+         AND COALESCE(POM.type,'') != '0001785'
+         AND ($1::text IS NULL OR TO_CHAR(POM.regdate, 'YYYY') = $1)
+       GROUP BY POM.contract_mgmt_objid, POM.unit_code
+    ),
+    -- 재발주 집계
+    re_po_rollup AS (
+      SELECT POM.contract_mgmt_objid::text AS project_objid,
+             POM.unit_code,
+             COUNT(DISTINCT POM.objid) AS re_count,
+             SUM(COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric) AS re_price
+        FROM purchase_order_master POM
+        JOIN purchase_order_part POP ON POP.purchase_order_master_objid = POM.objid
+       WHERE POM.status = 'approvalComplete'
+         AND POM.order_type_cd = '0001408'
+         AND COALESCE(POM.type,'') != '0001785'
+         AND ($1::text IS NULL OR TO_CHAR(POM.regdate, 'YYYY') = $1)
+       GROUP BY POM.contract_mgmt_objid, POM.unit_code
+    ),
+    -- 턴키 집계
+    turnkey_rollup AS (
+      SELECT POM.contract_mgmt_objid::text AS project_objid,
+             POM.unit_code,
+             COUNT(DISTINCT POM.objid) AS turnkey_count,
+             SUM(COALESCE(NULLIF(POP.supply_unit_price,''),'0')::numeric) AS turnkey_price
+        FROM purchase_order_master POM
+        JOIN purchase_order_part POP ON POP.purchase_order_master_objid = POM.objid
+       WHERE POM.status = 'approvalComplete'
+         AND POM.type = '0001785'
+         AND ($1::text IS NULL OR TO_CHAR(POM.regdate, 'YYYY') = $1)
+       GROUP BY POM.contract_mgmt_objid, POM.unit_code
+    ),
+    -- 총 발주금액 (프로젝트 × 유닛) — total_price_all이 비어있으면 total_price로 폴백
+    total_rollup AS (
+      SELECT POM.contract_mgmt_objid::text AS project_objid,
+             POM.unit_code,
+             SUM(CASE WHEN COALESCE(NULLIF(POM.total_price_all,''),'') <> ''
+                      THEN POM.total_price_all::numeric
+                      ELSE COALESCE(NULLIF(POM.total_price,''),'0')::numeric END) AS total_price_all,
+             SUM(COALESCE(NULLIF(POM.total_supply_price,''),'0')::numeric) AS total_supply_price,
+             SUM(COALESCE(NULLIF(POM.discount_price,''),'0')::numeric) AS discount_price,
+             SUM(COALESCE(NULLIF(POM.total_price,''),'0')::numeric) AS total_price
+        FROM purchase_order_master POM
+       WHERE POM.status = 'approvalComplete'
+         AND (COALESCE(POM.multi_master_yn,'') = 'Y' OR (COALESCE(POM.multi_master_yn,'') != 'Y' AND COALESCE(POM.multi_yn,'') != 'Y'))
+         AND ($1::text IS NULL OR TO_CHAR(POM.regdate, 'YYYY') = $1)
+       GROUP BY POM.contract_mgmt_objid, POM.unit_code
+    )
+    SELECT B.project_objid AS "PROJECT_OBJID",
+           B.cm_year AS "CM_YEAR",
+           B.customer_name AS "CUSTOMER_NAME",
+           COALESCE(B.project_name, B.customer_project_name) AS "PROJECT_NAME",
+           B.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+           B.unit_part_name AS "UNIT_PART_NAME",
+           B.project_no AS "PROJECT_NO",
+           B.bom_report_objid AS "BOM_REPORT_OBJID",
+           COALESCE(B.bom_cnt, 0) AS "BOM_CNT",
+           COALESCE(BR.total_bom_part_cnt, 0) AS "TOTAL_BOM_PART_CNT",
+           COALESCE(P.total_po_part_cnt, 0) AS "TOTAL_PO_PART_CNT",
+           GREATEST(COALESCE(BR.total_bom_part_cnt, 0) - COALESCE(P.total_po_part_cnt, 0), 0) AS "NON_PO_PART_CNT",
+           CASE WHEN COALESCE(BR.total_bom_part_cnt, 0) = 0 THEN 0
+                ELSE ROUND(COALESCE(P.total_po_part_cnt, 0)::numeric / BR.total_bom_part_cnt * 100, 1)
+           END AS "RATE_PO",
+           COALESCE(P.price_pt_1, 0) AS "PRICE_PT_1",
+           COALESCE(P.price_pt_2, 0) AS "PRICE_PT_2",
+           COALESCE(P.price_pt_3, 0) AS "PRICE_PT_3",
+           COALESCE(P.price_pt_etc, 0) AS "PRICE_PT_ETC",
+           COALESCE(R.re_count, 0) AS "RE_COUNT",
+           COALESCE(R.re_price, 0) AS "RE_PRICE",
+           COALESCE(TK.turnkey_count, 0) AS "TURNKEY_COUNT",
+           COALESCE(TK.turnkey_price, 0) AS "TURNKEY_PRICE",
+           COALESCE(TR.total_price_all, 0) AS "TOTAL_PRICE_ALL",
+           COALESCE(TR.total_price, 0) AS "TOTAL_PRICE"
+      FROM base B
+      LEFT JOIN bom_rollup BR ON BR.bom_report_objid = B.bom_report_objid
+      LEFT JOIN po_rollup P ON P.project_objid = B.project_objid AND P.unit_code = B.unit_code
+      LEFT JOIN re_po_rollup R ON R.project_objid = B.project_objid AND R.unit_code = B.unit_code
+      LEFT JOIN turnkey_rollup TK ON TK.project_objid = B.project_objid AND TK.unit_code = B.unit_code
+      LEFT JOIN total_rollup TR ON TR.project_objid = B.project_objid AND TR.unit_code = B.unit_code
+      ORDER BY B.project_no DESC NULLS LAST, B.unit_part_name
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    // 그랜드 토탈 — FITO 원본 purchaseOrderStatusByProjectSum 매퍼와 일치:
+    //   총발주금액 = SUM(total_real_supply_price)  (VAT 포함 실공급가 합계)
+    //   단일발주금액 = SUM(total_supply_price)     (공급가 합계)
+    const totals = await queryOne(
+      `SELECT SUM(COALESCE(NULLIF(POM.total_real_supply_price,''),'0')::numeric) AS "TOTAL_PRICE_ALL_SUM",
+              SUM(COALESCE(NULLIF(POM.total_supply_price,''),'0')::numeric) AS "SINGLE_PRICE_SUM"
+         FROM purchase_order_master POM
+        WHERE POM.status = 'approvalComplete'
+          AND ($1::text IS NULL OR TO_CHAR(POM.regdate, 'YYYY') = $1)`,
+      [year || null],
+    );
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length, SUMS: totals });
+  } catch (e) {
+    console.error("order/status:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/part-mgmt/route.ts b/src/app/api/part-mgmt/route.ts
new file mode 100644
index 0000000..5ecfe7c
--- /dev/null
+++ b/src/app/api/part-mgmt/route.ts
@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// PartMngController / partmgmt.getPartMgntList 대응
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { part_no, part_name, part_type, page = 1 } = body;
+  const countPerPage = 20;
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (part_no) { conditions.push(`P.PART_NO LIKE '%' || $${idx++} || '%'`); params.push(part_no); }
+  if (part_name) { conditions.push(`P.PART_NAME LIKE '%' || $${idx++} || '%'`); params.push(part_name); }
+  if (part_type) { conditions.push(`P.PART_TYPE = $${idx++}`); params.push(part_type); }
+
+  const where = conditions.join(" AND ");
+  const offset = (Number(page) - 1) * countPerPage;
+
+  const list = await queryRows(
+    `SELECT P.OBJID, P.PART_NO, P.PART_NAME,
+            COALESCE((SELECT CODE_NAME FROM COMM_CODE WHERE PARENT_CODE_ID = '0000062' AND CODE_ID = P.PART_TYPE LIMIT 1), '') AS PART_TYPE_NAME,
+            P.SPEC, P.MATERIAL,
+            COALESCE((SELECT CODE_NAME FROM COMM_CODE WHERE PARENT_CODE_ID = '0005126' AND CODE_ID = P.MATERIAL LIMIT 1), '') AS MATERIAL_NAME,
+            COALESCE((SELECT CODE_NAME FROM COMM_CODE WHERE PARENT_CODE_ID = '0000059' AND CODE_ID = P.UNIT LIMIT 1), '') AS UNIT_NAME,
+            P.WEIGHT, P.MAKER,
+            (SELECT USER_NAME FROM USER_INFO WHERE USER_ID = P.WRITER LIMIT 1) AS WRITER_NAME,
+            TO_CHAR(P.REGDATE::date, 'YYYY-MM-DD') AS REGDATE,
+            COALESCE((SELECT COUNT(*) FROM ATTACH_FILE_INFO WHERE TARGET_OBJID = P.OBJID AND DOC_TYPE = 'PART_2D'), 0) AS DRAWING_2D_CNT,
+            COALESCE((SELECT COUNT(*) FROM ATTACH_FILE_INFO WHERE TARGET_OBJID = P.OBJID AND DOC_TYPE = 'PART_3D'), 0) AS DRAWING_3D_CNT
+     FROM PART_MGMT P
+     WHERE ${where}
+     ORDER BY P.REGDATE DESC
+     LIMIT $${idx++} OFFSET $${idx++}`,
+    [...params, countPerPage, offset]
+  );
+
+  return NextResponse.json({ RESULTLIST: list, TOTAL_CNT: list.length });
+}
diff --git a/src/app/api/part/register/route.ts b/src/app/api/part/register/route.ts
new file mode 100644
index 0000000..dff8312
--- /dev/null
+++ b/src/app/api/part/register/route.ts
@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// PART 등록 페이지 전용 조회 (part-register에서 호출)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+
+  const conditions: string[] = ["P.status = 'release'"];
+  const params: unknown[] = [];
+  let idx = 1;
+  if (body.SEARCH_PART_NO) { conditions.push(`P.part_no LIKE '%' || $${idx++} || '%'`); params.push(body.SEARCH_PART_NO); }
+  if (body.SEARCH_PART_NAME) { conditions.push(`P.part_name LIKE '%' || $${idx++} || '%'`); params.push(body.SEARCH_PART_NAME); }
+
+  const rows = await queryRows(
+    `SELECT P.objid::text AS "OBJID", P.part_no AS "PART_NO", P.part_name AS "PART_NAME",
+       P.qty AS "BOM_QTY", P.material AS "MATERIAL", P.spec AS "SPEC",
+       P.post_processing AS "POST_PROCESSING", P.maker AS "MAKER", P.revision AS "REVISION",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = P.part_type LIMIT 1), '') AS "PART_TYPE_TITLE",
+       P.remark AS "REMARK",
+       COALESCE((SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '3D_CAD'), 0) AS "CU01_CNT",
+       COALESCE((SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_DRAWING_CAD'), 0) AS "CU02_CNT",
+       COALESCE((SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_PDF_CAD'), 0) AS "CU03_CNT"
+     FROM part_mng P
+     WHERE ${conditions.join(" AND ")}
+     ORDER BY P.part_no, P.revision DESC
+`,
+    params
+  );
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/procurement-std/detail/route.ts b/src/app/api/procurement-std/detail/route.ts
new file mode 100644
index 0000000..47ebafe
--- /dev/null
+++ b/src/app/api/procurement-std/detail/route.ts
@@ -0,0 +1,80 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { STD_CATEGORIES } from "@/lib/procurement-std";
+
+// 팝업 로드: 코드 단건 + 자재코드 단건 + 자재 팝업용 드롭다운 옵션 5종
+// body: { mode: "code"|"material"|"options", objId? }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const mode = String(body.mode || "code");
+  const objId = body.objId ? String(body.objId) : "";
+
+  if (mode === "options") {
+    // 자재코드 팝업에서 쓰는 5개 카테고리 옵션 목록
+    const result: Record<string, { value: string; label: string; code_id: string; code_name: string }[]> = {};
+    for (const def of Object.values(STD_CATEGORIES)) {
+      const rows = await queryRows(
+        `SELECT objid::text AS "OBJID", code_id AS "CODE_ID", code_name AS "CODE_NAME"
+           FROM procurement_standard
+          WHERE category = $1
+            AND COALESCE(status, 'active') = 'active'
+          ORDER BY code_id`,
+        [def.category]
+      );
+      result[def.alias] = rows.map((r) => ({
+        value: String(r.OBJID),
+        label: `${r.CODE_ID} - ${r.CODE_NAME}`,
+        code_id: String(r.CODE_ID),
+        code_name: String(r.CODE_NAME),
+      }));
+    }
+    return NextResponse.json({ success: true, data: result });
+  }
+
+  if (mode === "material") {
+    if (!objId) return NextResponse.json({ success: true, data: null });
+    const row = await queryOne(
+      `SELECT T.objid::text AS "OBJID",
+         T.part_no AS "PART_NO",
+         T.major_category AS "MAJOR_CATEGORY",
+         T.sub_category AS "SUB_CATEGORY",
+         T.maker AS "MAKER",
+         T.part_name AS "PART_NAME",
+         T.spec AS "SPEC",
+         T.code1 AS "CODE1",
+         T.code2 AS "CODE2",
+         T.code3 AS "CODE3",
+         T.code4 AS "CODE4",
+         T.code5 AS "CODE5",
+         (SELECT objid::text FROM procurement_standard WHERE code_id = T.code1 AND category = '0001668' LIMIT 1) AS "CODE_OBJID1",
+         (SELECT objid::text FROM procurement_standard WHERE code_id = T.code2 AND category = '0001669' LIMIT 1) AS "CODE_OBJID2",
+         (SELECT objid::text FROM procurement_standard WHERE code_id = T.code3 AND category = '0001670' LIMIT 1) AS "CODE_OBJID3",
+         (SELECT objid::text FROM procurement_standard WHERE code_id = T.code4 AND category = '0001671' LIMIT 1) AS "CODE_OBJID4",
+         (SELECT objid::text FROM procurement_standard WHERE code_id = T.code5 AND category = '0001672' LIMIT 1) AS "CODE_OBJID5",
+         T.status AS "STATUS"
+       FROM part_mng T
+       WHERE T.objid::text = $1`,
+      [objId]
+    );
+    return NextResponse.json({ success: true, data: row || null });
+  }
+
+  // code mode
+  if (!objId) return NextResponse.json({ success: true, data: null });
+  const row = await queryOne(
+    `SELECT objid::text AS "OBJID",
+       code_id AS "CODE_ID",
+       code_name AS "CODE_NAME",
+       detail AS "DETAIL",
+       category AS "CATEGORY",
+       COALESCE(status, 'active') AS "STATUS"
+     FROM procurement_standard
+     WHERE objid::text = $1`,
+    [objId]
+  );
+  return NextResponse.json({ success: true, data: row || null });
+}
diff --git a/src/app/api/procurement-std/material-save/route.ts b/src/app/api/procurement-std/material-save/route.ts
new file mode 100644
index 0000000..93f19ad
--- /dev/null
+++ b/src/app/api/procurement-std/material-save/route.ts
@@ -0,0 +1,117 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 자재코드 저장 (procurStandMgmt.mergeMaterialCode 대응)
+// body: { actionType, objId?, code_objid1..5 } — procurement_standard.objid 5개
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : String(body.objId);
+
+  const codeObjIds: string[] = [
+    String(body.code_objid1 || ""),
+    String(body.code_objid2 || ""),
+    String(body.code_objid3 || ""),
+    String(body.code_objid4 || ""),
+    String(body.code_objid5 || ""),
+  ];
+
+  if (codeObjIds.some((v) => !v)) {
+    return NextResponse.json({ success: false, message: "대분류/중분류/Maker/품명/규격을 모두 선택하세요." }, { status: 400 });
+  }
+
+  try {
+    // 5개 카테고리 각각의 code_id, code_name 조회
+    const categories = ["0001668", "0001669", "0001670", "0001671", "0001672"];
+    const codes: { code_id: string; code_name: string }[] = [];
+    for (let i = 0; i < 5; i++) {
+      const row = await queryOne(
+        `SELECT code_id AS "CODE_ID", code_name AS "CODE_NAME"
+           FROM procurement_standard
+          WHERE objid::text = $1 AND category = $2`,
+        [codeObjIds[i], categories[i]]
+      );
+      if (!row) {
+        return NextResponse.json({ success: false, message: `${["대분류","중분류","Maker","품명","규격"][i]} 선택값이 올바르지 않습니다.` }, { status: 400 });
+      }
+      codes.push({ code_id: String(row.CODE_ID), code_name: String(row.CODE_NAME) });
+    }
+    const materialCode = codes.map((c) => c.code_id).join("");
+
+    // 중복 체크
+    const dup = await queryOne(
+      `SELECT objid::text AS "OBJID" FROM part_mng
+        WHERE objid::text != $1
+          AND REPLACE(TRIM(UPPER(part_no)), ' ', '') = REPLACE(TRIM(UPPER($2)), ' ', '')`,
+      [objId, materialCode]
+    );
+    if (dup) {
+      return NextResponse.json({ success: false, message: "중복되는 자재코드가 존재합니다." }, { status: 400 });
+    }
+
+    // EO_NO 생성 (원본: 'EOB' + yy + '-' + 4자리 순번, 신규만)
+    let eoNo: string | null = null;
+    if (isNew) {
+      const row = await queryOne<{ EO_NO: string }>(
+        `SELECT 'EOB' || TO_CHAR(NOW(), 'YY') || '-' ||
+                LPAD(
+                  (SELECT COALESCE(MAX(SUBSTR(eo_no, 7, 8)::INTEGER) + 1, 1)::TEXT
+                     FROM part_mng
+                    WHERE eo_no LIKE 'EOB%'), 4, '0'
+                ) AS "EO_NO"`,
+        []
+      );
+      eoNo = row ? String(row.EO_NO) : null;
+    }
+
+    if (isNew) {
+      await execute(
+        `INSERT INTO part_mng (
+           objid, part_no, part_name, spec, major_category, sub_category, maker,
+           code1, code2, code3, code4, code5,
+           part_type, revision, status, reg_date, writer, is_last, is_new, is_longd, eo_no, design_date
+         ) VALUES (
+           $1::numeric, $2, $3, $4, $5, $6, $7,
+           $8, $9, $10, $11, $12,
+           '0001788', 'RE', 'release', NOW(), $13, '1', '1', '1', $14, TO_CHAR(NOW(), 'YYYY-MM-DD')
+         )`,
+        [
+          objId, materialCode, codes[3].code_name, codes[4].code_name,
+          codes[0].code_name, codes[1].code_name, codes[2].code_name,
+          codes[0].code_id, codes[1].code_id, codes[2].code_id, codes[3].code_id, codes[4].code_id,
+          user.userId, eoNo,
+        ]
+      );
+    } else {
+      await execute(
+        `UPDATE part_mng SET
+           part_no = $2,
+           part_name = $3,
+           spec = $4,
+           major_category = $5,
+           sub_category = $6,
+           maker = $7,
+           code1 = $8, code2 = $9, code3 = $10, code4 = $11, code5 = $12,
+           edit_date = NOW(),
+           writer = $13
+         WHERE objid::text = $1`,
+        [
+          objId, materialCode, codes[3].code_name, codes[4].code_name,
+          codes[0].code_name, codes[1].code_name, codes[2].code_name,
+          codes[0].code_id, codes[1].code_id, codes[2].code_id, codes[3].code_id, codes[4].code_id,
+          user.userId,
+        ]
+      );
+    }
+
+    return NextResponse.json({ success: true, objId, materialCode, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (error) {
+    console.error("Material code save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/procurement-std/overlap/route.ts b/src/app/api/procurement-std/overlap/route.ts
new file mode 100644
index 0000000..4cdb691
--- /dev/null
+++ b/src/app/api/procurement-std/overlap/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { getStdCategoryByAlias } from "@/lib/procurement-std";
+
+// 구매품표준 중복체크 (procurStandMgmt.overlapStandardMng / overlapMaterialCode 대응)
+// body: { mode: "code"|"material", objId, code_group?, code_id?, code_name?, material_code? }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const mode = String(body.mode || "code");
+  const objId = String(body.objId || "0");
+
+  if (mode === "material") {
+    const materialCode = String(body.material_code || "").trim().toUpperCase();
+    if (!materialCode) return NextResponse.json({ duplicate: false });
+    const rows = await queryRows(
+      `SELECT objid::text AS "OBJID"
+         FROM part_mng
+        WHERE objid::text != $1
+          AND REPLACE(TRIM(UPPER(part_no)), ' ', '') = REPLACE(TRIM(UPPER($2)), ' ', '')`,
+      [objId, materialCode]
+    );
+    return NextResponse.json({ duplicate: rows.length > 0 });
+  }
+
+  // code mode
+  const alias = String(body.code_group || "");
+  const def = getStdCategoryByAlias(alias);
+  if (!def) return NextResponse.json({ duplicate: false });
+
+  const codeId = String(body.code_id || "").trim().toUpperCase();
+  const codeName = String(body.code_name || "").trim();
+  const rows = await queryRows(
+    `SELECT objid::text AS "OBJID"
+       FROM procurement_standard
+      WHERE objid::text != $1
+        AND category = $2
+        AND (
+          REPLACE(TRIM(UPPER(code_name)), ' ', '') = REPLACE(TRIM(UPPER($3)), ' ', '')
+          OR REPLACE(TRIM(UPPER(code_id)), ' ', '') = REPLACE(TRIM(UPPER($4)), ' ', '')
+        )`,
+    [objId, def.category, codeName, codeId]
+  );
+  return NextResponse.json({ duplicate: rows.length > 0 });
+}
diff --git a/src/app/api/procurement-std/route.ts b/src/app/api/procurement-std/route.ts
new file mode 100644
index 0000000..9747570
--- /dev/null
+++ b/src/app/api/procurement-std/route.ts
@@ -0,0 +1,135 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { getStdCategoryByAlias } from "@/lib/procurement-std";
+
+// 구매품표준관리 목록 조회 (procurStandMgmt.mainCategoryGridList / materialCodeGridList 대응)
+// code_group = "CODE1"~"CODE5" → procurement_standard (카테고리별)
+// code_group = "MATERIAL_CODE" → part_mng
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const codeGroup = String(body.code_group || "");
+
+  // === 자재코드 모드 ===
+  if (codeGroup === "MATERIAL_CODE") {
+    const conditions: string[] = ["T.is_new = '1'"];
+    const params: unknown[] = [];
+    let idx = 1;
+
+    if (body.part_no) {
+      conditions.push(`UPPER(T.part_no) LIKE UPPER('%' || $${idx++} || '%')`);
+      params.push(body.part_no);
+    }
+    if (body.large_cd) {
+      conditions.push(`UPPER(T.major_category) LIKE UPPER('%' || $${idx++} || '%')`);
+      params.push(body.large_cd);
+    }
+    if (body.middle_cd) {
+      conditions.push(`UPPER(T.sub_category) LIKE UPPER('%' || $${idx++} || '%')`);
+      params.push(body.middle_cd);
+    }
+    if (body.maker) {
+      conditions.push(`UPPER(T.maker) LIKE UPPER('%' || $${idx++} || '%')`);
+      params.push(body.maker);
+    }
+    if (body.part_name) {
+      conditions.push(`UPPER(T.part_name) LIKE UPPER('%' || $${idx++} || '%')`);
+      params.push(body.part_name);
+    }
+    if (body.spec) {
+      conditions.push(`UPPER(T.spec) LIKE UPPER('%' || $${idx++} || '%')`);
+      params.push(body.spec);
+    }
+
+    const rows = await queryRows(
+      `SELECT T.objid::text AS "OBJID",
+         T.part_no AS "PART_NO",
+         T.major_category AS "MAJOR_CATEGORY",
+         T.sub_category AS "SUB_CATEGORY",
+         T.maker AS "MAKER",
+         T.part_name AS "PART_NAME",
+         T.spec AS "SPEC",
+         T.code1 AS "CODE1",
+         T.code2 AS "CODE2",
+         T.code3 AS "CODE3",
+         T.code4 AS "CODE4",
+         T.code5 AS "CODE5",
+         T.revision AS "REVISION",
+         T.eo_no AS "EO_NO",
+         TO_CHAR(T.eo_date::date, 'YYYY-MM-DD') AS "EO_DATE"
+       FROM part_mng T
+       WHERE ${conditions.join(" AND ")}
+       ORDER BY T.reg_date DESC
+`,
+      params
+    );
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  }
+
+  // === 코드1~5 카테고리 모드 ===
+  const def = getStdCategoryByAlias(codeGroup);
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (def) {
+    conditions.push(`PS.category = $${idx++}`);
+    params.push(def.category);
+  }
+  if (body.code_name) {
+    conditions.push(`PS.code_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.code_name);
+  }
+  if (body.code_id) {
+    conditions.push(`PS.code_id LIKE '%' || $${idx++} || '%'`);
+    params.push(body.code_id);
+  }
+
+  const where = conditions.length > 0 ? conditions.join(" AND ") : "1=1";
+
+  const rows = await queryRows(
+    `SELECT PS.objid::text AS "OBJID",
+       PS.code_id AS "CODE_ID",
+       PS.code_name AS "CODE_NAME",
+       PS.detail AS "DETAIL",
+       PS.category AS "CATEGORY",
+       COALESCE(PS.status, 'active') AS "STATUS",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = PS.writer LIMIT 1), PS.writer) AS "WRITER_NAME",
+       TO_CHAR(PS.regdate, 'YYYY-MM-DD') AS "REG_DATE"
+     FROM procurement_standard PS
+     WHERE ${where}
+     ORDER BY PS.code_id`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
+
+// 구매품표준관리 삭제
+export async function DELETE(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds, mode } = body;
+
+  if (!objIds || !Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    if (mode === "material") {
+      await execute(`DELETE FROM part_mng WHERE objid IN (${placeholders})`, objIds);
+    } else {
+      await execute(`DELETE FROM procurement_standard WHERE objid IN (${placeholders})`, objIds);
+    }
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Procurement std delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/procurement-std/save/route.ts b/src/app/api/procurement-std/save/route.ts
new file mode 100644
index 0000000..a6d144d
--- /dev/null
+++ b/src/app/api/procurement-std/save/route.ts
@@ -0,0 +1,72 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+import { getStdCategoryByAlias, validateStdCodeId } from "@/lib/procurement-std";
+
+// 구매품표준코드 저장 (procurStandMgmt.saveCODE1Info 대응)
+// body: { actionType, objId?, code_group(alias), code_id, code_name, detail?, status? }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const alias = String(body.code_group || "");
+  const def = getStdCategoryByAlias(alias);
+  if (!def) {
+    return NextResponse.json({ success: false, message: "카테고리가 올바르지 않습니다." }, { status: 400 });
+  }
+
+  const codeId = String(body.code_id || "").toUpperCase();
+  const codeName = String(body.code_name || "").trim();
+
+  if (!codeName) {
+    return NextResponse.json({ success: false, message: "구분을 입력하세요." }, { status: 400 });
+  }
+  const v = validateStdCodeId(alias, codeId);
+  if (!v.ok) {
+    return NextResponse.json({ success: false, message: v.message }, { status: 400 });
+  }
+
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : String(body.objId);
+  const detail = def.showDetail ? (body.detail || "") : "";
+  const status = body.status || "active";
+
+  try {
+    await execute(
+      `INSERT INTO procurement_standard (objid, code_name, code_id, detail, category, regdate, writer, status)
+       VALUES ($1, $2, $3, $4, $5, NOW(), $6, $7)
+       ON CONFLICT (objid) DO UPDATE SET
+         code_name = EXCLUDED.code_name,
+         code_id = EXCLUDED.code_id,
+         detail = EXCLUDED.detail,
+         category = EXCLUDED.category,
+         status = EXCLUDED.status,
+         editdate = NOW(),
+         edit_user = EXCLUDED.writer`,
+      [objId, codeName, codeId, detail, def.category, user.userId, status]
+    );
+    // 코드명 변경 시 part_mng 쪽 컬럼 동기화 (원본 updateCodeName 대응)
+    // 해당 category에 소속된 code_id일 때만, part_mng.MAJOR_CATEGORY 등 컬럼 업데이트
+    const colMap: Record<string, string> = {
+      CODE1: "major_category",
+      CODE2: "sub_category",
+      CODE3: "maker",
+      CODE4: "part_name",
+      CODE5: "spec",
+    };
+    const partMngCol = colMap[alias];
+    if (partMngCol) {
+      await execute(
+        `UPDATE part_mng SET ${partMngCol} = $1 WHERE ${alias.toLowerCase()} = $2`,
+        [codeName, codeId]
+      );
+    }
+
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (error) {
+    console.error("Procurement std save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product-mgmt/detail/route.ts b/src/app/api/product-mgmt/detail/route.ts
new file mode 100644
index 0000000..d0bb778
--- /dev/null
+++ b/src/app/api/product-mgmt/detail/route.ts
@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT P.objid::text AS "OBJID", P.product_category AS "PRODUCT_CATEGORY",
+       P.product_type AS "PRODUCT_TYPE", P.product_name AS "PRODUCT_NAME",
+       P.product_code AS "PRODUCT_CODE", P.product_name_code AS "PRODUCT_NAME_CODE",
+       P.product_grade AS "PRODUCT_GRADE", P.product_ton AS "PRODUCT_TON",
+       P.product_boom AS "PRODUCT_BOOM", P.product_vehicle AS "PRODUCT_VEHICLE",
+       P.production_flag AS "PRODUCTION_FLAG", P.note AS "NOTE",
+       TO_CHAR(P.regdate, 'YYYY-MM-DD') AS "REGDATE"
+     FROM product_mgmt P WHERE P.objid = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/product-mgmt/route.ts b/src/app/api/product-mgmt/route.ts
new file mode 100644
index 0000000..28f7035
--- /dev/null
+++ b/src/app/api/product-mgmt/route.ts
@@ -0,0 +1,81 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// ProductMgmtController.productmgmtList 대응
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { year, product_category, page = 1, countPerPage = 20 } = body;
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let paramIdx = 1;
+
+  if (year) {
+    conditions.push(`EXTRACT(YEAR FROM P.REGDATE) = $${paramIdx++}`);
+    params.push(year);
+  }
+  if (product_category) {
+    conditions.push(`P.PRODUCT_CATEGORY = $${paramIdx++}`);
+    params.push(product_category);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const countResult = await queryOne<{ CNT: string }>(
+    `SELECT COUNT(*) AS CNT FROM PRODUCT_MGMT P WHERE ${where}`,
+    params
+  );
+  const totalCount = Number(countResult?.CNT || 0);
+  const maxPage = Math.max(1, Math.ceil(totalCount / countPerPage));
+  const offset = (Number(page) - 1) * countPerPage;
+
+  const list = await queryRows(
+    `SELECT P.OBJID::text AS "OBJID", P.PRODUCT_CATEGORY,
+            COALESCE((SELECT CODE_NAME FROM COMM_CODE WHERE PARENT_CODE_ID = '0000917' AND CODE_ID = P.PRODUCT_CATEGORY LIMIT 1), '') AS "PRODUCT_CATEGORY_NAME",
+            P.PRODUCT_TYPE,
+            COALESCE((SELECT CODE_NAME FROM COMM_CODE WHERE PARENT_CODE_ID = '0005116' AND CODE_ID = P.PRODUCT_TYPE LIMIT 1), '') AS "PRODUCT_TYPE_NAME",
+            P.PRODUCT_NAME AS "PRODUCT_NAME",
+            P.PRODUCT_CODE AS "PRODUCT_CODE",
+            COALESCE((SELECT USER_NAME FROM USER_INFO WHERE USER_ID = P.WRITER LIMIT 1), P.WRITER) AS "WRITER_NAME",
+            TO_CHAR(P.REGDATE, 'YYYY-MM-DD') AS "REGDATE",
+            COALESCE((SELECT CODE_NAME FROM COMM_CODE WHERE PARENT_CODE_ID = '0000039' AND CODE_ID = P.PRODUCTION_FLAG LIMIT 1), '') AS "PRODUCTION_FLAG_NAME",
+            COALESCE((SELECT COUNT(*) FROM ATTACH_FILE_INFO WHERE TARGET_OBJID = P.OBJID::text), 0) AS "FILE_CNT"
+     FROM PRODUCT_MGMT P
+     WHERE ${where}
+     ORDER BY P.REGDATE DESC
+     LIMIT $${paramIdx++} OFFSET $${paramIdx++}`,
+    [...params, countPerPage, offset]
+  );
+
+  return NextResponse.json({
+    RESULTLIST: list,
+    TOTAL_CNT: totalCount,
+    MAX_PAGE_SIZE: maxPage,
+    COUNT_PER_PAGE: countPerPage,
+  });
+}
+
+export async function DELETE(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds } = body;
+
+  if (!objIds || !Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "선택한 항목이 없습니다." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM PRODUCT_MGMT WHERE OBJID IN (${placeholders})`, objIds);
+    return NextResponse.json({ success: true, message: "삭제되었습니다." });
+  } catch (error) {
+    console.error("Product delete error:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." });
+  }
+}
diff --git a/src/app/api/product-mgmt/save/route.ts b/src/app/api/product-mgmt/save/route.ts
new file mode 100644
index 0000000..017fe97
--- /dev/null
+++ b/src/app/api/product-mgmt/save/route.ts
@@ -0,0 +1,54 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = body.actionType === "regist" || !body.objId;
+
+  try {
+    if (isNew) {
+      if (body.product_code) {
+        const dup = await queryOne(`SELECT COUNT(*) AS cnt FROM product_mgmt WHERE product_code = $1`, [body.product_code]);
+        if (Number(dup?.cnt || 0) > 0) {
+          return NextResponse.json({ success: false, message: "이미 등록된 제품코드입니다." });
+        }
+      }
+
+      const objId = createObjectId();
+      await execute(
+        `INSERT INTO product_mgmt (objid, product_category, product_type, product_name,
+          product_code, product_name_code, product_grade, product_ton, product_boom,
+          product_vehicle, production_flag, note, writer, regdate)
+         VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, now())`,
+        [objId, body.product_category||"", body.product_type||"",
+         body.product_name||"", body.product_code||"", body.product_name_code||"",
+         body.product_grade||"", body.product_ton||"", body.product_boom||"",
+         body.product_vehicle||"", body.production_flag||"", body.note||"",
+         user.userId]
+      );
+      return NextResponse.json({ success: true, objId, message: "등록되었습니다." });
+    } else {
+      await execute(
+        `UPDATE product_mgmt SET
+          product_category=$1, product_type=$2, product_name=$3, product_code=$4,
+          product_name_code=$5, product_grade=$6, product_ton=$7, product_boom=$8,
+          product_vehicle=$9, production_flag=$10, note=$11
+         WHERE objid=$12`,
+        [body.product_category||"", body.product_type||"",
+         body.product_name||"", body.product_code||"", body.product_name_code||"",
+         body.product_grade||"", body.product_ton||"", body.product_boom||"",
+         body.product_vehicle||"", body.production_flag||"", body.note||"",
+         body.objId]
+      );
+      return NextResponse.json({ success: true, message: "수정되었습니다." });
+    }
+  } catch (error) {
+    console.error("Product save error:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  }
+}
diff --git a/src/app/api/product/bom-upg-matrix/route.ts b/src/app/api/product/bom-upg-matrix/route.ts
new file mode 100644
index 0000000..b815fd0
--- /dev/null
+++ b/src/app/api/product/bom-upg-matrix/route.ts
@@ -0,0 +1,68 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// partBomList.jsp UPG 매트릭스 데이터 (원본 getPartBomList.do 대응)
+// product_code 선택 시: productList(SPEC) + LIST(UPG별 VC 매트릭스)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const productCode = String(body.product_code || "");
+
+  // 상단 SPEC 헤더 리스트 (PRODUCT_MGMT_UPG_MASTER)
+  let productList: Array<Record<string, unknown>> = [];
+  if (productCode) {
+    productList = await queryRows(
+      `SELECT PMUM.objid::text AS "MASTER_OBJID",
+         PMUM.target_objid::text AS "PRODUCT_MGMT_OBJID",
+         PMUM.spec_name AS "SPEC_NAME"
+       FROM product_mgmt_upg_master PMUM
+       WHERE PMUM.target_objid = $1::integer
+       ORDER BY PMUM.objid`,
+      [productCode],
+    );
+  }
+
+  // UPG 코드 리스트 (unique UPG_CODE + UPG_NAME) — 각 코드에 대해 SPEC별 VC 값 매트릭스
+  let upgList: Array<Record<string, unknown>> = [];
+  if (productCode) {
+    upgList = await queryRows(
+      `SELECT DISTINCT
+         PMUD.upg_code AS "UPG_CODE",
+         PMUD.upg_name AS "UPG_NAME",
+         PMUD.objid::text AS "CODE_ID"
+       FROM product_mgmt_upg_detail PMUD
+       WHERE PMUD.product_objid = $1::integer
+       ORDER BY PMUD.upg_code`,
+      [productCode],
+    );
+
+    // 각 UPG_CODE에 대해 SPEC별 VC 값 채우기
+    for (const u of upgList) {
+      const upgCode = String(u.UPG_CODE);
+      const matrix = await queryRows(
+        `SELECT PMUD.target_objid::text AS "MASTER_OBJID",
+           PMUD.vc AS "VC",
+           PMUD.upg_code || '-' ||
+             (SELECT product_code FROM product_mgmt PM WHERE PM.objid = PMUD.product_objid) ||
+             '-' || PMUD.vc AS "UPG_NO"
+         FROM product_mgmt_upg_detail PMUD
+         WHERE PMUD.product_objid = $1::integer AND PMUD.upg_code = $2
+         ORDER BY PMUD.target_objid`,
+        [productCode, upgCode],
+      );
+      productList.forEach((p, i) => {
+        const hit = matrix.find((m) => String(m.MASTER_OBJID) === String(p.MASTER_OBJID));
+        u[`UPG_NO${i}`] = hit ? hit.UPG_NO : "";
+      });
+    }
+  }
+
+  return NextResponse.json({
+    productList,
+    LIST: upgList,
+    productListCnt: productList.length,
+  });
+}
diff --git a/src/app/api/product/bom/ascending/route.ts b/src/app/api/product/bom/ascending/route.ts
new file mode 100644
index 0000000..bb9925a
--- /dev/null
+++ b/src/app/api/product/bom/ascending/route.ts
@@ -0,0 +1,188 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 제품관리_BOM 조회 (정전개) - 원본: partMng.structureAscendingList / getStructureAscendingList.do
+// PRODUCT_MGMT_SPEC (MASTER_OBJID) 또는 UPG_NO 기반으로 PART_BOM_REPORT 매칭,
+// BOM_PART_QTY 재귀 CTE로 트리 구조 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const productCode = String(body.product_code || "");       // product_mgmt.objid 또는 PMUM.objid
+  const productMgmtSpec = String(body.product_mgmt_spec || ""); // spec_name 문자열
+  const upgNo = String(body.upg_no || "");
+  const customerCd = String(body.customer_cd || "");
+  const projectName = String(body.project_name || "");
+  const unitCode = String(body.unit_code || "");
+  const searchPartNo = String(body.search_partNo || "");
+  const searchPartName = String(body.search_partName || "");
+  const searchLevel = String(body.search_level || "");
+
+  // 매칭되는 bom_report_objid 리스트 확보
+  const reportConds: string[] = ["1=1"];
+  const reportParams: unknown[] = [];
+  let pi = 1;
+  if (productCode) {
+    reportConds.push(`PBM.product_mgmt_objid::varchar = $${pi++}::varchar`);
+    reportParams.push(productCode);
+  }
+  if (productMgmtSpec) {
+    reportConds.push(`PBM.spec_name::varchar = $${pi++}::varchar`);
+    reportParams.push(productMgmtSpec);
+  }
+  if (upgNo) {
+    reportConds.push(`PBM.product_mgmt_upg = $${pi++}`);
+    reportParams.push(upgNo);
+  }
+  if (customerCd) {
+    reportConds.push(`PBM.customer_objid = $${pi++}`);
+    reportParams.push(customerCd);
+  }
+  if (projectName) {
+    reportConds.push(`PBM.contract_objid = $${pi++}`);
+    reportParams.push(projectName);
+  }
+  if (unitCode) {
+    reportConds.push(`PBM.unit_code = $${pi++}`);
+    reportParams.push(unitCode);
+  }
+  // 품번만으로 조회 시 상위 200 report 내에 해당 품번이 없으면 빈 결과가 나오므로,
+  // 품번 정확 일치 노드가 존재하는 bom_report 로 사전 필터링 (anchor 와 동일 기준)
+  if (searchPartNo) {
+    reportConds.push(`PBM.objid IN (
+      SELECT DISTINCT BPQ.bom_report_objid
+      FROM bom_part_qty BPQ
+      JOIN part_mng PT ON PT.objid::text = BPQ.part_no
+      WHERE UPPER(TRIM(PT.part_no)) = UPPER(TRIM($${pi++}))
+    )`);
+    reportParams.push(searchPartNo);
+  }
+  if (searchPartName) {
+    reportConds.push(`PBM.objid IN (
+      SELECT DISTINCT BPQ.bom_report_objid
+      FROM bom_part_qty BPQ
+      JOIN part_mng PT ON PT.objid::text = BPQ.part_no
+      WHERE UPPER(PT.part_name) LIKE UPPER('%' || $${pi++} || '%')
+    )`);
+    reportParams.push(searchPartName);
+  }
+
+  const reports = await queryRows<{ OBJID: string }>(
+    `SELECT objid::text AS "OBJID" FROM part_bom_report PBM WHERE ${reportConds.join(" AND ")}`,
+    reportParams,
+  );
+  if (reports.length === 0) {
+    return NextResponse.json({ RESULTLIST: [], TOTAL_CNT: 0, MAX_LEVEL: 0 });
+  }
+  const reportIds = reports.map((r) => r.OBJID);
+
+  // 재귀 CTE로 BOM 트리 조회
+  const placeholders = reportIds.map((_, i) => `$${i + 1}`).join(",");
+  const idx = reportIds.length;
+
+  // 품번이 입력되면 재귀 anchor 를 "품번 정확 일치 노드"로 바꿔 그 subtree 만 전개.
+  // (품번 포함 매칭이 아니라 정확 일치 기준. 대소문자/공백 무시)
+  // 품명은 subtree 내 추가 필터로만 사용 (기존대로 LIKE).
+  const extraParams: unknown[] = [];
+  let ei = idx + 1;
+  let anchorWhere: string;
+  if (searchPartNo) {
+    anchorWhere = `A.bom_report_objid IN (${placeholders})
+        AND EXISTS (
+          SELECT 1 FROM part_mng PT
+          WHERE PT.objid::text = A.part_no
+            AND UPPER(TRIM(PT.part_no)) = UPPER(TRIM($${ei++}))
+        )`;
+    extraParams.push(searchPartNo);
+  } else {
+    anchorWhere = `(A.parent_objid IS NULL OR A.parent_objid = '')
+        AND A.bom_report_objid IN (${placeholders})`;
+  }
+
+  const extraConds: string[] = [];
+  if (searchPartName) {
+    extraConds.push(`UPPER(P.part_name) LIKE UPPER('%' || $${ei++} || '%')`);
+    extraParams.push(searchPartName);
+  }
+  const extraWhere = extraConds.length > 0 ? " AND " + extraConds.join(" AND ") : "";
+
+  const sql = `
+    WITH RECURSIVE VIEW_BOM AS (
+      SELECT
+        A.bom_report_objid, A.objid, A.parent_objid, A.child_objid,
+        A.parent_part_no, A.part_no, A.qty, A.regdate, A.seq,
+        1::int AS lev,
+        ARRAY[A.child_objid::text] AS path,
+        FALSE AS cycle,
+        A.child_objid AS root_objid,
+        A.child_objid AS sub_root_objid
+      FROM bom_part_qty A
+      WHERE ${anchorWhere}
+      UNION ALL
+      SELECT
+        B.bom_report_objid, B.objid, B.parent_objid, B.child_objid,
+        B.parent_part_no, B.part_no, B.qty, B.regdate, B.seq,
+        V.lev + 1,
+        V.path || B.child_objid::text,
+        B.parent_objid = ANY(V.path),
+        V.root_objid,
+        CASE WHEN V.lev = 1 THEN B.child_objid ELSE V.sub_root_objid END
+      FROM bom_part_qty B
+      JOIN VIEW_BOM V
+        ON B.parent_objid = V.child_objid
+       AND V.bom_report_objid = B.bom_report_objid
+    ),
+    MAX_LEV AS (
+      SELECT MAX(lev) AS max_level FROM VIEW_BOM
+    )
+    SELECT
+      V.bom_report_objid AS "BOM_REPORT_OBJID",
+      V.objid AS "OBJID",
+      V.parent_objid AS "PARENT_OBJID",
+      V.child_objid AS "CHILD_OBJID",
+      V.root_objid AS "ROOT_OBJID",
+      V.sub_root_objid AS "SUB_ROOT_OBJID",
+      V.part_no AS "PART_NO_RAW",
+      V.qty AS "QTY",
+      V.lev AS "LEV",
+      V.lev AS "LEVEL",
+      (SELECT max_level FROM MAX_LEV) AS "MAX_LEVEL",
+      (CASE WHEN EXISTS (SELECT 1 FROM bom_part_qty C WHERE C.parent_objid = V.child_objid
+                           AND C.bom_report_objid = V.bom_report_objid) THEN 0 ELSE 1 END) AS "LEAF",
+      P.objid::text AS "PART_OBJID",
+      P.part_no AS "PART_NO",
+      P.part_name AS "PART_NAME",
+      P.revision AS "REVISION",
+      P.material AS "MATERIAL",
+      P.spec AS "SPEC",
+      P.post_processing AS "POST_PROCESSING",
+      P.maker AS "MAKER",
+      P.eo_no AS "EO_NO",
+      P.eo_date AS "EO_DATE",
+      P.remark AS "REMARK",
+      P.part_type AS "PART_TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = P.part_type) AS "PART_TYPE_TITLE",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '3D_CAD') AS "FILE_3D_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_DRAWING_CAD') AS "FILE_2D_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_PDF_CAD') AS "FILE_PDF_CNT"
+    FROM VIEW_BOM V
+      LEFT JOIN part_mng P ON P.objid::text = V.part_no
+    WHERE 1=1 ${extraWhere}
+    ORDER BY V.bom_report_objid, V.root_objid, V.path, V.regdate
+  `;
+
+  const rows = await queryRows(sql, [...reportIds, ...extraParams]);
+  let maxLevel = rows.length > 0 ? Number(rows[0].MAX_LEVEL || 0) : 0;
+
+  // search_level 필터: 해당 레벨 이하만 남김
+  let filtered = rows;
+  if (searchLevel) {
+    const n = Number(searchLevel);
+    filtered = rows.filter((r) => Number(r.LEV || 0) <= n);
+    if (filtered.length > 0) maxLevel = Math.max(...filtered.map((r) => Number(r.LEV || 0)));
+  }
+
+  return NextResponse.json({ RESULTLIST: filtered, TOTAL_CNT: filtered.length, MAX_LEVEL: maxLevel });
+}
diff --git a/src/app/api/product/bom/check-top-duplicate/route.ts b/src/app/api/product/bom/check-top-duplicate/route.ts
new file mode 100644
index 0000000..2c95085
--- /dev/null
+++ b/src/app/api/product/bom/check-top-duplicate/route.ts
@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 1레벨 같은 Part No 중복 체크 (원본: partMng/checkSameTopPartNo.do)
+// 1레벨 (parent_objid IS NULL) 에 이미 등록된 part_mng.objid 가 rightCheckedArr 에 있으면 true
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ result: false });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.OBJID || body.BOM_REPORT_OBJID || "");
+  const rightCheckedArr: string[] = Array.isArray(body.rightCheckedArr)
+    ? body.rightCheckedArr.map((s: unknown) => String(s))
+    : [];
+
+  if (!bomReportObjId || rightCheckedArr.length === 0) {
+    return NextResponse.json({ result: false });
+  }
+
+  // 1레벨 기존 part_no (part_mng.objid) 목록
+  const existing = await queryRows<{ part_no: string }>(
+    `SELECT DISTINCT Q.part_no AS part_no
+     FROM bom_part_qty Q
+     WHERE Q.bom_report_objid = $1
+       AND (Q.parent_objid IS NULL OR Q.parent_objid = '')`,
+    [bomReportObjId],
+  );
+  const existingSet = new Set(existing.map((r) => String(r.part_no)));
+
+  // 기존 1레벨에 rightChecked 중 하나라도 있으면 중복
+  // 단순히 part_no (objid) 매칭이 아니라, 실제 동일 PART_NO(문자열) 매칭도 고려해야 함
+  const directHit = rightCheckedArr.some((id) => existingSet.has(id));
+  if (directHit) return NextResponse.json({ result: true });
+
+  // objid가 달라도 part_no(문자열)가 같으면 중복으로 판정
+  if (existing.length > 0 && rightCheckedArr.length > 0) {
+    const rows = await queryRows<{ cnt: string }>(
+      `SELECT COUNT(*)::text AS cnt FROM part_mng P1
+        WHERE P1.objid::text = ANY($1::text[])
+          AND EXISTS (
+            SELECT 1 FROM part_mng P2
+            WHERE P2.objid::text = ANY($2::text[])
+              AND P2.part_no = P1.part_no
+          )`,
+      [rightCheckedArr, existing.map((e) => String(e.part_no))],
+    );
+    if (Number(rows[0]?.cnt || 0) > 0) return NextResponse.json({ result: true });
+  }
+
+  return NextResponse.json({ result: false });
+}
diff --git a/src/app/api/product/bom/delete/route.ts b/src/app/api/product/bom/delete/route.ts
new file mode 100644
index 0000000..ad3e7a4
--- /dev/null
+++ b/src/app/api/product/bom/delete/route.ts
@@ -0,0 +1,25 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// BOM 삭제
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds } = body;
+
+  if (!objIds || !Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM bom_part_qty WHERE objid IN (${placeholders})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("BOM delete error:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/bom/deploy/route.ts b/src/app/api/product/bom/deploy/route.ts
new file mode 100644
index 0000000..f2a7026
--- /dev/null
+++ b/src/app/api/product/bom/deploy/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// BOM 배포 - 배포사유 입력 후 (changeDesignNotePopUp.jsp → saveChangeDesignInfo + deployStructure)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const note = String(body.NOTE || "");
+  const objIdsRaw = String(body.OBJID || "");
+  const objIds = objIdsRaw.split(",").map((s) => s.trim()).filter(Boolean);
+  if (objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "배포할 항목이 없습니다." });
+  }
+
+  try {
+    const placeholders = objIds.map((_, i) => `$${i + 2}`).join(",");
+    // saveChangeDesignInfo: NOTE 업데이트
+    await execute(
+      `UPDATE part_bom_report SET note = $1 WHERE objid IN (${placeholders})`,
+      [note, ...objIds],
+    );
+    // deployStructure: status = deploy, deploy_date = now
+    await execute(
+      `UPDATE part_bom_report SET status = 'deploy', deploy_date = TO_CHAR(NOW(), 'YYYY-MM-DD')
+       WHERE objid IN (${placeholders.replace(/\$(\d+)/g, (_, n) => `$${Number(n) - 1}`)})`,
+      objIds,
+    );
+    return NextResponse.json({ success: true, message: "배포되었습니다." });
+  } catch (error) {
+    console.error("bom deploy:", error);
+    return NextResponse.json({ success: false, message: "배포 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/bom/excel-save/route.ts b/src/app/api/product/bom/excel-save/route.ts
new file mode 100644
index 0000000..d64acef
--- /dev/null
+++ b/src/app/api/product/bom/excel-save/route.ts
@@ -0,0 +1,128 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// BOM Excel 등록 (원본: partMng/partBomApplySave.do → savePartBomMaster)
+// 엑셀 파싱된 rows + 기준 정보(customer/project/unit/bom_report)를 받아
+// PART_BOM_REPORT + BOM_PART_QTY + PART_MNG(신규)를 저장한다.
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const rows: Array<Record<string, string>> = Array.isArray(body.rows) ? body.rows : [];
+  if (rows.length === 0) {
+    return NextResponse.json({ success: false, message: "저장할 데이터가 없습니다." }, { status: 400 });
+  }
+
+  const customerObjId = String(body.CUSTOMER_OBJID || "");
+  const contractObjId = String(body.CONTRACT_OBJID || "");
+  const unitCode = String(body.UNIT_CODE || "");
+  let bomReportObjId = String(body.BOM_REPORT_OBJID || "");
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1. BOM_REPORT 확보 (없으면 신규 생성)
+    if (!bomReportObjId) {
+      bomReportObjId = createObjectId();
+      await client.query(
+        `INSERT INTO part_bom_report (
+           objid, customer_objid, contract_objid, unit_code,
+           status, writer, regdate
+         ) VALUES ($1, $2, $3, $4, 'create', $5, NOW())`,
+        [bomReportObjId, customerObjId, contractObjId, unitCode, user.userId],
+      );
+    }
+
+    // 2. PART_NO → part_mng.objid 매핑 확보 (신규면 생성)
+    const partNoToObjId = new Map<string, string>();
+    const allPartNos = new Set<string>();
+    rows.forEach((r) => {
+      if (r.PART_NO) allPartNos.add(r.PART_NO.trim());
+      if (r.PARENT_PART_NO) allPartNos.add(r.PARENT_PART_NO.trim());
+    });
+
+    for (const partNo of allPartNos) {
+      const existing = await queryOne<{ objid: string }>(
+        `SELECT objid::text AS objid FROM part_mng
+          WHERE part_no = $1 AND status = 'release' AND COALESCE(is_last, '1') = '1'
+          ORDER BY reg_date DESC LIMIT 1`,
+        [partNo],
+      );
+      if (existing) {
+        partNoToObjId.set(partNo, existing.objid);
+      } else {
+        // 해당 PART_NO의 row를 찾아 PART_MNG 신규 생성
+        const src = rows.find((r) => r.PART_NO?.trim() === partNo);
+        const newObjId = createObjectId();
+        await client.query(
+          `INSERT INTO part_mng (
+             objid, part_no, part_name, qty, material, spec, post_processing, maker,
+             part_type, remark, revision, status, is_last, writer, reg_date
+           ) VALUES (
+             $1, $2, $3, $4, $5, $6, $7, $8, $9, $10, '', 'release', '1', $11, NOW()
+           )`,
+          [
+            newObjId, partNo,
+            src?.PART_NAME || partNo,
+            src?.QTY || "1",
+            src?.MATERIAL || "",
+            src?.SPEC || "",
+            src?.POST_PROCESSING || "",
+            src?.MAKER || "",
+            src?.PART_TYPE || "",
+            src?.REMARK || "",
+            user.userId,
+          ],
+        );
+        partNoToObjId.set(partNo, newObjId);
+      }
+    }
+
+    // 3. 기존 bom_part_qty 삭제 후 재등록 (BOM_REPORT_OBJID 기준)
+    await client.query(`DELETE FROM bom_part_qty WHERE bom_report_objid = $1`, [bomReportObjId]);
+
+    // 4. 각 row를 bom_part_qty 에 insert
+    let seq = 1;
+    for (const r of rows) {
+      const partNo = (r.PART_NO || "").trim();
+      const parentPartNo = (r.PARENT_PART_NO || "").trim();
+      if (!partNo) continue;
+      const childObjId = createObjectId();
+      const partObjId = partNoToObjId.get(partNo) || "";
+      const parentObjId = parentPartNo ? partNoToObjId.get(parentPartNo) || "" : "";
+
+      await client.query(
+        `INSERT INTO bom_part_qty (
+           objid, bom_report_objid, parent_objid, child_objid,
+           parent_part_no, part_no, last_part_objid,
+           qty, qty_temp, status, seq, regdate
+         ) VALUES (
+           $1, $2, $3, $4, $5, $6, $7, $8, $8, 'create', $9, NOW()
+         )`,
+        [
+          childObjId, bomReportObjId,
+          parentObjId || null,
+          childObjId,
+          parentObjId || null,
+          partObjId,
+          partObjId,
+          r.QTY || "1",
+          seq++,
+        ],
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, bomReportObjId, message: "등록되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("bom excel save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/product/bom/route.ts b/src/app/api/product/bom/route.ts
new file mode 100644
index 0000000..1f80a1f
--- /dev/null
+++ b/src/app/api/product/bom/route.ts
@@ -0,0 +1,127 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 제품관리_PART 및 구조등록 (structureList.jsp) 및 단순 BOM 조회 공용
+// - mode: "structure" → PART_BOM_REPORT 구조 리스트 (getBOMStandardStructureGridList 대응)
+// - 기본 → bom_part_qty 기반 단순 리스트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const mode = String(body.mode || "structure");
+
+  if (mode === "structure" || mode === "register") {
+    // getBOMStandardStructureGridList 대응
+    const conditions: string[] = ["1=1"];
+    const params: unknown[] = [];
+    let idx = 1;
+
+    if (body.customer_cd) {
+      conditions.push(`T.customer_objid = $${idx++}`);
+      params.push(body.customer_cd);
+    }
+    if (body.project_name) {
+      conditions.push(`T.contract_objid = $${idx++}`);
+      params.push(body.project_name);
+    }
+    if (body.unit_code) {
+      conditions.push(`T.unit_code = $${idx++}`);
+      params.push(body.unit_code);
+    }
+    if (body.SEARCH_UNIT_NAME) {
+      conditions.push(`EXISTS (SELECT 'E' FROM pms_wbs_task W WHERE W.objid = T.unit_code
+        AND (W.task_name LIKE UPPER('%'||$${idx}||'%') OR W.unit_no LIKE UPPER('%'||$${idx}||'%')))`);
+      params.push(body.SEARCH_UNIT_NAME);
+      idx++;
+    }
+    if (body.SEARCH_WRITER) {
+      conditions.push(`T.writer = $${idx++}`);
+      params.push(body.SEARCH_WRITER);
+    }
+    if (body.SEARCH_DEPLOY_DATE_FROM) {
+      conditions.push(`T.deploy_date IS NOT NULL AND TO_DATE(T.deploy_date,'YYYY-MM-DD') >= $${idx++}::timestamp`);
+      params.push(body.SEARCH_DEPLOY_DATE_FROM);
+    }
+    if (body.SEARCH_DEPLOY_DATE_TO) {
+      conditions.push(`T.deploy_date IS NOT NULL AND TO_DATE(T.deploy_date,'YYYY-MM-DD') <= $${idx++}::timestamp`);
+      params.push(body.SEARCH_DEPLOY_DATE_TO);
+    }
+    if (body.status) {
+      conditions.push(`T.status = $${idx++}`);
+      params.push(body.status);
+    }
+
+    const where = conditions.join(" AND ");
+
+    const sql = `
+      SELECT ROW_NUMBER() OVER(ORDER BY T.regdate DESC) AS "NUM",
+        T.objid::text AS "OBJID",
+        T.customer_objid AS "CUSTOMER_OBJID",
+        (SELECT supply_name FROM supply_mng O WHERE O.objid::varchar = T.customer_objid) AS "CUSTOMER_NAME",
+        T.contract_objid AS "CONTRACT_OBJID",
+        (SELECT customer_project_name FROM project_mgmt O WHERE O.objid = T.contract_objid) AS "CUSTOMER_PROJECT_NAME",
+        (SELECT project_no FROM project_mgmt O WHERE O.objid = T.contract_objid) AS "PROJECT_NO",
+        T.unit_code AS "UNIT_CODE",
+        (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = T.unit_code) AS "UNIT_NAME",
+        T.status AS "STATUS",
+        CASE UPPER(T.status)
+          WHEN 'CREATE' THEN '등록중'
+          WHEN 'CHANGEDESIGN' THEN '설계변경미배포'
+          WHEN 'DEPLOY' THEN '배포완료'
+          ELSE ''
+        END AS "STATUS_TITLE",
+        T.writer AS "WRITER",
+        (SELECT dept_name FROM user_info WHERE user_id = T.writer) AS "DEPT_NAME",
+        (SELECT user_name FROM user_info WHERE user_id = T.writer) AS "USER_NAME",
+        COALESCE((SELECT dept_name FROM user_info WHERE user_id = T.writer), '') || '/' ||
+        COALESCE((SELECT user_name FROM user_info WHERE user_id = T.writer), '') AS "DEPT_USER_NAME",
+        TO_CHAR(T.regdate, 'YYYY-MM-DD') AS "REG_DATE",
+        T.deploy_date AS "DEPLOY_DATE",
+        T.revision AS "REVISION",
+        (SELECT MAX(PM.eo_no) FROM bom_part_qty BP LEFT JOIN part_mng PM ON BP.part_no = PM.objid::varchar
+          WHERE BP.bom_report_objid = T.objid) AS "EO_NO",
+        (SELECT MAX(PM.eo_date) FROM bom_part_qty BP LEFT JOIN part_mng PM ON BP.part_no = PM.objid::varchar
+          WHERE BP.bom_report_objid = T.objid) AS "EO_DATE",
+        T.note AS "NOTE",
+        T.multi_yn AS "MULTI_YN",
+        T.multi_master_yn AS "MULTI_MASTER_YN",
+        T.multi_break_yn AS "MULTI_BREAK_YN",
+        T.multi_master_objid AS "MULTI_MASTER_OBJID",
+        (SELECT COUNT(*) FROM bom_part_qty A WHERE A.bom_report_objid = T.objid) AS "BOM_CNT"
+      FROM part_bom_report T
+      WHERE ${where}
+      ORDER BY T.regdate DESC
+    `;
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  }
+
+  // 단순 BOM 리스트 (기존 방식 유지)
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.part_name) { conditions.push(`P.part_name LIKE '%' || $${idx++} || '%'`); params.push(body.part_name); }
+  if (body.part_no) { conditions.push(`P.part_no LIKE '%' || $${idx++} || '%'`); params.push(body.part_no); }
+  if (body.project_no) { conditions.push(`B.project_no LIKE '%' || $${idx++} || '%'`); params.push(body.project_no); }
+
+  const where = conditions.join(" AND ");
+  const rows = await queryRows(
+    `SELECT B.objid AS "OBJID",
+       P.objid::text AS "PART_OBJID",
+       P.part_no AS "PART_NO", P.part_name AS "PART_NAME",
+       P.spec AS "SPEC", P.material AS "MATERIAL", P.unit AS "UNIT",
+       COALESCE(B.qty::text, '') AS "BOM_QTY",
+       COALESCE(B.bom_level::text, '1') AS "BOM_LEVEL",
+       P.maker AS "MAKER", P.remark AS "REMARK", P.revision AS "REVISION",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = P.part_type LIMIT 1), '') AS "PART_TYPE_TITLE"
+     FROM bom_part_qty B
+     JOIN part_mng P ON P.objid::text = B.part_no
+     WHERE P.status = 'release' AND ${where}
+     ORDER BY B.parent_part_no, P.part_no
+`, params,
+  );
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/product/bom/save/route.ts b/src/app/api/product/bom/save/route.ts
new file mode 100644
index 0000000..1f684bc
--- /dev/null
+++ b/src/app/api/product/bom/save/route.ts
@@ -0,0 +1,30 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// BOM 저장
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : body.objId;
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO bom_part_qty (objid, parent_part_no, part_no, qty, project_no, bom_level, writer, regdate)
+       VALUES ($1, $2, $3, $4, $5, $6, $7, now())
+       ON CONFLICT (objid) DO UPDATE SET
+        parent_part_no=EXCLUDED.parent_part_no, part_no=EXCLUDED.part_no,
+        qty=EXCLUDED.qty, project_no=EXCLUDED.project_no, bom_level=EXCLUDED.bom_level`,
+      [objId, body.parent_part_no || "", body.part_no || "",
+       body.qty || "1", body.project_no || "", body.bom_level || "1", user.userId]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("BOM save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/product/bom/structure-change/route.ts b/src/app/api/product/bom/structure-change/route.ts
new file mode 100644
index 0000000..bdfba28
--- /dev/null
+++ b/src/app/api/product/bom/structure-change/route.ts
@@ -0,0 +1,114 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 구조 연결 변경 (원본: partMng/changeRelatePartInfo.do → partMngService.changeRelatePartInfo)
+// 1) UPDATE BOM_PART_QTY SET LAST_PART_OBJID = #{RIGHT_OBJID} WHERE BOM_REPORT_OBJID = ? AND OBJID = ?
+// 2) insertPartMngHistory (HIS_STATUS='CHANGE')
+// 3) changeStatusBomReport
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.BOM_REPORT_OBJID || body.OBJID || "");
+  const bomObjId = String(body.B_OBJID || body.leftPartBomQtyObjId || ""); // bom_part_qty.objid
+  const rightObjId = String(body.rightObjId || body.rightPartObjId || "");  // 새 part_mng.objid
+  const leftPartObjid = String(body.leftPartObjid || "");                   // 기존 part_mng.objid (PART_MNG의 P)
+  const leftObjId = String(body.leftObjId || "");                           // parent bom_part_qty.child_objid
+  const leftPartNoQty = String(body.leftPartNoQty || "");
+  const leftPartChildObjId = String(body.leftPartChildObjId || "");
+  const rightPartNo = String(body.rightPartNo || "");
+  const rightPartRev = String(body.rightPartRev || "");
+  const changeType = String(body.CHANGE_TYPE || "");
+  const changeOption = String(body.CHANGE_OPTION || "");
+
+  if (!bomReportObjId || !bomObjId || !rightObjId) {
+    return NextResponse.json({ success: false, message: "필수 파라미터 누락" }, { status: 400 });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1) bom_part_qty.last_part_objid 교체
+    await client.query(
+      `UPDATE bom_part_qty
+          SET last_part_objid = $1
+        WHERE bom_report_objid = $2 AND objid = $3`,
+      [rightObjId, bomReportObjId, bomObjId],
+    );
+
+    // 2) insertPartMngHistory (HIS_STATUS='CHANGE')
+    const newChildObjId = createObjectId(); // 원본 서비스: 새 CHILD_OBJID로 세팅
+    await client.query(
+      `INSERT INTO part_mng_history (
+         objid, product_mgmt_objid, upg_no, part_no, part_name, unit, qty,
+         spec, material, weight, part_type, remark, es_spec, ms_spec,
+         change_option, design_apply_point, management_flag, revision, status,
+         reg_date, edit_date, writer, is_last, eo_no, eo_temp,
+         excel_upload_seq, sourcing_code, sub_material, parent_part_no,
+         design_date, eo_date, deploy_date,
+         thickness, width, height, out_diameter, in_diameter, length, supply_code,
+         change_type, contract_objid, maker, qty_temp,
+         bom_report_objid, parent_part_objid, parent_qty_child_objid,
+         bom_qty_status, his_reg_date, his_writer, his_status, qty_child_objid,
+         bom_status, bom_deploy_date, chg_part_objid, chg_part_no, chg_part_rev
+       )
+       SELECT
+         P.objid::numeric, P.product_mgmt_objid, P.upg_no, P.part_no, P.part_name, P.unit, Q.qty,
+         P.spec, P.material, P.weight, P.part_type, P.remark, P.es_spec, P.ms_spec,
+         COALESCE(NULLIF($1::varchar, ''), P.change_option),
+         P.design_apply_point, P.management_flag, P.revision, P.status,
+         P.reg_date, NOW(), $2::varchar, P.is_last, P.eo_no, P.eo_temp,
+         P.excel_upload_seq, P.sourcing_code, P.sub_material,
+         COALESCE(NULLIF($3::varchar, ''), Q.parent_part_no),
+         P.design_date, P.eo_date, P.deploy_date,
+         P.thickness, P.width, P.height, P.out_diameter, P.in_diameter, P.length, P.supply_code,
+         COALESCE(NULLIF($4::varchar, ''), P.change_type),
+         P.contract_objid, P.maker, Q.qty_temp,
+         COALESCE(NULLIF($5::varchar, ''), Q.bom_report_objid),
+         COALESCE(NULLIF($6::varchar, ''), Q.parent_part_no),
+         COALESCE(NULLIF($7::varchar, ''), Q.parent_objid),
+         Q.status, NOW(), $2::varchar, 'CHANGE', $8::varchar,
+         '', NULL, $10::varchar, $11::varchar, $12::varchar
+       FROM part_mng P
+         LEFT OUTER JOIN bom_part_qty Q
+           ON Q.child_objid = $8::varchar
+          AND P.part_no IN (SELECT PM2.part_no FROM part_mng PM2 WHERE PM2.objid = Q.part_no)
+       WHERE P.objid = $9::varchar`,
+      [
+        changeOption || "",           // $1 CHANGE_OPTION
+        user.userId,                  // $2 WRITER
+        leftPartNoQty || "",          // $3 PARENT_PART_NO
+        changeType || "",             // $4 CHANGE_TYPE
+        bomReportObjId,               // $5 BOM_REPORT_OBJID
+        leftObjId || "",              // $6 PARENT_PART_OBJID
+        leftPartChildObjId || "",     // $7 PARENT_QTY_CHILD_OBJID
+        newChildObjId,                // $8 CHILD_OBJID (JOIN + qty_child_objid)
+        leftPartObjid || rightObjId,  // $9 OBJID (원본 서비스: leftPartObjid)
+        rightObjId,                   // $10 CHG_PART_OBJID
+        rightPartNo,                  // $11 CHG_PART_NO
+        rightPartRev,                 // $12 CHG_PART_REV
+      ],
+    );
+
+    // 3) changeStatusBomReport
+    await client.query(
+      `UPDATE part_bom_report
+          SET status = CASE WHEN status != 'create' THEN 'changeDesign' ELSE status END
+        WHERE objid = $1`,
+      [bomReportObjId],
+    );
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "변경되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("bom change:", e);
+    return NextResponse.json({ success: false, message: "변경 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/product/bom/structure-connect/route.ts b/src/app/api/product/bom/structure-connect/route.ts
new file mode 100644
index 0000000..61aa02e
--- /dev/null
+++ b/src/app/api/product/bom/structure-connect/route.ts
@@ -0,0 +1,126 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 구조 연결 (원본: partMng/relatePartInfo.do → partMngService.relatePartInfo)
+// leftObjId (부모 bom_part_qty.child_objid) 아래에 rightCheckedArr(part_mng.objid 배열)를 자식으로 추가.
+// 원본은 STATUS='adding' 고정 + seq는 nextval('seq_bom_qty').
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.BOM_REPORT_OBJID || body.OBJID || "");
+  const leftObjId = String(body.leftObjId || "");                // 부모 bom_part_qty.child_objid
+  const leftPartLastObjId = String(body.partObjId || body.leftPartLastObjId || "");
+  const leftPartNoQty = String(body.leftPartNoQty || "");        // 부모 part_no (PARENT_PART_NO)
+  const leftPartChildObjId = String(body.leftPartChildObjId || ""); // PARENT_QTY_CHILD_OBJID
+  const rightCheckedArr: string[] = Array.isArray(body.rightCheckedArr) ? body.rightCheckedArr.map((s: unknown) => String(s)) : [];
+  const changeType = String(body.CHANGE_TYPE || "");
+  const changeOption = String(body.CHANGE_OPTION || "");
+
+  if (!bomReportObjId) {
+    return NextResponse.json({ success: false, message: "BOM_REPORT_OBJID 누락" }, { status: 400 });
+  }
+  if (rightCheckedArr.length === 0) {
+    return NextResponse.json({ success: false, message: "추가할 Part가 없습니다." });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    for (const rightPartObjId of rightCheckedArr) {
+      const newObjId = createObjectId();
+      const newChildObjId = createObjectId();
+
+      await client.query(
+        `INSERT INTO bom_part_qty (
+           objid, bom_report_objid, parent_objid, child_objid,
+           parent_part_no, part_no, last_part_objid,
+           qty, qty_temp, status, seq, regdate, writer
+         ) VALUES (
+           $1, $2, $3, $4, $5, $6, $7, $8, $8, 'adding',
+           nextval('seq_bom_qty'), NOW(), $9
+         )`,
+        [
+          newObjId, bomReportObjId,
+          leftObjId || null,
+          newChildObjId,
+          leftPartLastObjId || null,
+          rightPartObjId,
+          rightPartObjId,
+          "1",
+          user.userId,
+        ],
+      );
+
+      // insertPartMngHistory (HIS_STATUS='ADD') — 원본 partMng.insertPartMngHistory
+      await client.query(
+        `INSERT INTO part_mng_history (
+           objid, product_mgmt_objid, upg_no, part_no, part_name, unit, qty,
+           spec, material, weight, part_type, remark, es_spec, ms_spec,
+           change_option, design_apply_point, management_flag, revision, status,
+           reg_date, edit_date, writer, is_last, eo_no, eo_temp,
+           excel_upload_seq, sourcing_code, sub_material, parent_part_no,
+           design_date, eo_date, deploy_date,
+           thickness, width, height, out_diameter, in_diameter, length, supply_code,
+           change_type, contract_objid, maker, qty_temp,
+           bom_report_objid, parent_part_objid, parent_qty_child_objid,
+           bom_qty_status, his_reg_date, his_writer, his_status, qty_child_objid,
+           bom_status, bom_deploy_date, chg_part_objid, chg_part_no, chg_part_rev
+         )
+         SELECT
+           P.objid::numeric, P.product_mgmt_objid, P.upg_no, P.part_no, P.part_name, P.unit, Q.qty,
+           P.spec, P.material, P.weight, P.part_type, P.remark, P.es_spec, P.ms_spec,
+           COALESCE(NULLIF($1::varchar, ''), P.change_option),
+           P.design_apply_point, P.management_flag, P.revision, P.status,
+           P.reg_date, NOW(), $2::varchar, P.is_last, P.eo_no, P.eo_temp,
+           P.excel_upload_seq, P.sourcing_code, P.sub_material,
+           COALESCE(NULLIF($3::varchar, ''), Q.parent_part_no),
+           P.design_date, P.eo_date, P.deploy_date,
+           P.thickness, P.width, P.height, P.out_diameter, P.in_diameter, P.length, P.supply_code,
+           COALESCE(NULLIF($4::varchar, ''), P.change_type),
+           P.contract_objid, P.maker, Q.qty_temp,
+           COALESCE(NULLIF($5::varchar, ''), Q.bom_report_objid),
+           COALESCE(NULLIF($6::varchar, ''), Q.parent_part_no),
+           COALESCE(NULLIF($7::varchar, ''), Q.parent_objid),
+           Q.status, NOW(), $2::varchar, 'ADD', $8::varchar,
+           '', NULL, '', '', ''
+         FROM part_mng P
+           LEFT OUTER JOIN bom_part_qty Q
+             ON Q.child_objid = $8::varchar
+            AND P.part_no IN (SELECT PM2.part_no FROM part_mng PM2 WHERE PM2.objid = Q.part_no)
+         WHERE P.objid = $9::varchar`,
+        [
+          changeOption || "",                 // $1 CHANGE_OPTION
+          user.userId,                        // $2 WRITER
+          leftPartNoQty || "",                // $3 PARENT_PART_NO (원본 서비스: paramMap.leftPartNoQty)
+          changeType || "",                   // $4 CHANGE_TYPE
+          bomReportObjId,                     // $5 BOM_REPORT_OBJID
+          leftObjId || "",                    // $6 PARENT_PART_OBJID (=leftObjId)
+          leftPartChildObjId || "",           // $7 PARENT_QTY_CHILD_OBJID
+          newChildObjId,                      // $8 CHILD_OBJID
+          rightPartObjId,                     // $9 OBJID (part_mng.objid)
+        ],
+      );
+    }
+
+    await client.query(
+      `UPDATE part_bom_report
+          SET status = CASE WHEN status != 'create' THEN 'changeDesign' ELSE status END
+        WHERE objid = $1`,
+      [bomReportObjId],
+    );
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "연결되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("bom connect:", e);
+    return NextResponse.json({ success: false, message: "연결 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/product/bom/structure-delete/route.ts b/src/app/api/product/bom/structure-delete/route.ts
new file mode 100644
index 0000000..eaadb2a
--- /dev/null
+++ b/src/app/api/product/bom/structure-delete/route.ts
@@ -0,0 +1,32 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// PART_BOM_REPORT 삭제 (structureList.jsp fn_delete → /partMng/deleteStructure.do)
+// 배포완료/설계변경미배포 상태는 삭제 불가
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds } = body;
+  if (!Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(
+      `DELETE FROM bom_part_qty WHERE bom_report_objid IN (${placeholders})`,
+      objIds,
+    );
+    await execute(
+      `DELETE FROM part_bom_report WHERE objid IN (${placeholders}) AND status NOT IN ('deploy','changeDesign')`,
+      objIds,
+    );
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("structure delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/bom/structure-disconnect/route.ts b/src/app/api/product/bom/structure-disconnect/route.ts
new file mode 100644
index 0000000..405e7bd
--- /dev/null
+++ b/src/app/api/product/bom/structure-disconnect/route.ts
@@ -0,0 +1,142 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 구조 연결 해제 (원본: partMng/deleteStatusPartRelateInfo.do → partMngService.deleteStatusPartRelateInfo)
+// 1) insertPartMngHistoryWhenDelPartRelation (HIS_STATUS='DEL') — 재귀 DEL 이력
+// 2) deletePartRelateInfoHis — adding 상태의 하위 이력 제거
+// 3) deleteStatusPartRelateInfo — 재귀 논리 삭제 (status='deleting')
+// 4) changeStatusBomReport
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.BOM_REPORT_OBJID || body.OBJID || "");
+  const leftObjId = String(body.leftObjId || ""); // bom_part_qty.child_objid
+  const changeType = String(body.CHANGE_TYPE || "");
+  const changeOption = String(body.CHANGE_OPTION || "");
+
+  if (!bomReportObjId || !leftObjId) {
+    return NextResponse.json({ success: false, message: "필수 파라미터 누락" }, { status: 400 });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // 1) DEL 이력 — 재귀 서브트리 전체를 part_mng_history에 기록
+    await client.query(
+      `WITH RECURSIVE VIEW_BOM AS (
+         SELECT A.objid, A.child_objid, A.parent_objid, A.bom_report_objid
+           FROM bom_part_qty A
+           WHERE A.child_objid = $9::varchar AND A.bom_report_objid = $5::varchar
+         UNION ALL
+         SELECT B.objid, B.child_objid, B.parent_objid, B.bom_report_objid
+           FROM bom_part_qty B
+           JOIN VIEW_BOM V ON B.parent_objid = V.child_objid
+             AND V.bom_report_objid = B.bom_report_objid
+             AND B.bom_report_objid = $5::varchar
+             AND B.status NOT IN ('deleting', 'deleted')
+       )
+       INSERT INTO part_mng_history (
+         objid, product_mgmt_objid, upg_no, part_no, part_name, unit, qty,
+         spec, material, weight, part_type, remark, es_spec, ms_spec,
+         change_option, design_apply_point, management_flag, revision, status,
+         reg_date, edit_date, writer, is_last, eo_no, eo_temp,
+         excel_upload_seq, sourcing_code, sub_material, parent_part_no,
+         design_date, eo_date, deploy_date,
+         thickness, width, height, out_diameter, in_diameter, length, supply_code,
+         change_type, contract_objid, maker, qty_temp,
+         bom_report_objid, parent_part_objid, parent_qty_child_objid,
+         bom_qty_status, his_reg_date, his_writer, his_status, qty_child_objid,
+         bom_status
+       )
+       SELECT
+         P.objid::numeric, P.product_mgmt_objid, P.upg_no, P.part_no, P.part_name, P.unit, Q.qty,
+         P.spec, P.material, P.weight, P.part_type, P.remark, P.es_spec, P.ms_spec,
+         COALESCE(NULLIF($1::varchar, ''), P.change_option),
+         P.design_apply_point, P.management_flag, P.revision, P.status,
+         P.reg_date, NOW(), $2::varchar, P.is_last, P.eo_no, P.eo_temp,
+         P.excel_upload_seq, P.sourcing_code, P.sub_material,
+         COALESCE(NULLIF($3::varchar, ''), Q.parent_part_no),
+         P.design_date, P.eo_date, P.deploy_date,
+         P.thickness, P.width, P.height, P.out_diameter, P.in_diameter, P.length, P.supply_code,
+         COALESCE(NULLIF($4::varchar, ''), P.change_type),
+         P.contract_objid, P.maker, Q.qty_temp,
+         COALESCE(NULLIF($5::varchar, ''), Q.bom_report_objid),
+         COALESCE(NULLIF($6::varchar, ''), Q.parent_part_no),
+         COALESCE(NULLIF($7::varchar, ''), Q.parent_objid),
+         Q.status, NOW(), $2::varchar, $8::varchar, Q.child_objid,
+         ''
+       FROM bom_part_qty Q
+         INNER JOIN part_mng P ON Q.last_part_objid = P.objid
+       WHERE Q.objid IN (SELECT objid FROM VIEW_BOM)`,
+      [
+        changeOption || "",  // $1 CHANGE_OPTION
+        user.userId,         // $2 WRITER
+        "",                  // $3 PARENT_PART_NO (원본 서비스는 "")
+        changeType || "",    // $4 CHANGE_TYPE
+        bomReportObjId,      // $5 BOM_REPORT_OBJID
+        "",                  // $6 PARENT_PART_OBJID (원본 서비스는 "")
+        "",                  // $7 PARENT_QTY_CHILD_OBJID (원본 서비스는 "")
+        "DEL",               // $8 HIS_STATUS
+        leftObjId,           // $9 leftObjId (재귀 시작점)
+      ],
+    );
+
+    // 2) deletePartRelateInfoHis — 하위 트리 중 'adding' 상태인 행의 이력만 삭제
+    await client.query(
+      `WITH RECURSIVE VIEW_BOM AS (
+         SELECT A.child_objid, A.parent_objid, A.bom_report_objid, A.status
+           FROM bom_part_qty A
+           WHERE A.child_objid = $2 AND A.bom_report_objid = $1
+         UNION ALL
+         SELECT B.child_objid, B.parent_objid, B.bom_report_objid, B.status
+           FROM bom_part_qty B
+           JOIN VIEW_BOM V ON B.parent_objid = V.child_objid
+             AND V.bom_report_objid = B.bom_report_objid
+             AND B.bom_report_objid = $1
+       )
+       DELETE FROM part_mng_history
+        WHERE qty_child_objid IN (
+          SELECT child_objid FROM VIEW_BOM V WHERE V.status = 'adding'
+        )`,
+      [bomReportObjId, leftObjId],
+    );
+
+    // 3) deleteStatusPartRelateInfo — 재귀 논리 삭제
+    await client.query(
+      `WITH RECURSIVE VIEW_BOM(objid, child_objid) AS (
+         SELECT A.objid, A.child_objid FROM bom_part_qty A
+           WHERE A.child_objid = $2 AND A.bom_report_objid = $1
+         UNION ALL
+         SELECT B.objid, B.child_objid FROM bom_part_qty B
+           JOIN VIEW_BOM V ON B.parent_objid = V.child_objid
+           WHERE B.bom_report_objid = $1
+             AND B.status NOT IN ('deleting', 'deleted')
+       )
+       UPDATE bom_part_qty
+          SET edit_date = NOW(), status = 'deleting'
+        WHERE objid IN (SELECT objid FROM VIEW_BOM)`,
+      [bomReportObjId, leftObjId],
+    );
+
+    // 4) changeStatusBomReport
+    await client.query(
+      `UPDATE part_bom_report
+          SET status = CASE WHEN status != 'create' THEN 'changeDesign' ELSE status END
+        WHERE objid = $1`,
+      [bomReportObjId],
+    );
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "해제되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("bom disconnect:", e);
+    return NextResponse.json({ success: false, message: "해제 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/product/bom/structure-qty/route.ts b/src/app/api/product/bom/structure-qty/route.ts
new file mode 100644
index 0000000..e220f8b
--- /dev/null
+++ b/src/app/api/product/bom/structure-qty/route.ts
@@ -0,0 +1,31 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 구조 수량 저장 (원본: partMng/structureQtySave.do)
+// child_objid 기준으로 qty_temp 갱신
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.BOM_REPORT_OBJID || "");
+  const childObjId = String(body.CHILD_OBJID || "");
+  const qty = String(body.QTY_TEMP ?? body.QTY ?? "");
+
+  if (!childObjId) {
+    return NextResponse.json({ success: false, message: "CHILD_OBJID 누락" }, { status: 400 });
+  }
+
+  try {
+    await execute(
+      `UPDATE bom_part_qty SET qty_temp = $1
+        WHERE bom_report_objid = $2 AND child_objid = $3`,
+      [qty, bomReportObjId, childObjId],
+    );
+    return NextResponse.json({ success: true, result: true });
+  } catch (e) {
+    console.error("bom qty save:", e);
+    return NextResponse.json({ success: false, message: "저장 실패" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/bom/structure-seq/route.ts b/src/app/api/product/bom/structure-seq/route.ts
new file mode 100644
index 0000000..65d3063
--- /dev/null
+++ b/src/app/api/product/bom/structure-seq/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 구조 순번 저장 (원본: partMng/structureSeqSave.do)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const childObjId = String(body.CHILD_OBJID || "");
+  const seq = String(body.SEQ ?? "");
+
+  if (!childObjId) {
+    return NextResponse.json({ success: false, message: "CHILD_OBJID 누락" }, { status: 400 });
+  }
+
+  try {
+    await execute(
+      `UPDATE bom_part_qty SET seq = $1::numeric WHERE child_objid = $2`,
+      [seq, childObjId],
+    );
+    return NextResponse.json({ success: true, result: true });
+  } catch (e) {
+    console.error("bom seq save:", e);
+    return NextResponse.json({ success: false, message: "저장 실패" }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/bom/structure-tree/route.ts b/src/app/api/product/bom/structure-tree/route.ts
new file mode 100644
index 0000000..628418f
--- /dev/null
+++ b/src/app/api/product/bom/structure-tree/route.ts
@@ -0,0 +1,94 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 구조등록 팝업 좌측 트리 (원본: partMng/structurePopupLeft.do)
+// bomReportObjId 기준 bom_part_qty 재귀 트리 + 파일카운트 + PART_MNG 정보
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.bomReportObjId || body.objId || "");
+  if (!bomReportObjId) return NextResponse.json({ RESULTLIST: [], HEADER: {} });
+
+  const header = await queryOne(
+    `SELECT T.objid::text AS "OBJID",
+       T.status AS "STATUS",
+       T.revision AS "REV",
+       T.note AS "NOTE",
+       T.deploy_date AS "DEPLOY_DATE",
+       (SELECT supply_name FROM supply_mng O WHERE O.objid::varchar = T.customer_objid) AS "CUSTOMER_NAME",
+       (SELECT project_no FROM project_mgmt O WHERE O.objid = T.contract_objid) AS "PROJECT_NO",
+       (SELECT customer_project_name FROM project_mgmt O WHERE O.objid = T.contract_objid) AS "CUSTOMER_PROJECT_NAME",
+       (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = T.unit_code) AS "UNIT_NAME"
+     FROM part_bom_report T WHERE T.objid = $1`,
+    [bomReportObjId],
+  );
+
+  const rows = await queryRows(
+    `WITH RECURSIVE VIEW_BOM AS (
+       SELECT
+         A.bom_report_objid, A.objid, A.parent_objid, A.child_objid,
+         A.parent_part_no, A.part_no, A.last_part_objid,
+         A.qty, A.qty_temp, A.status, A.regdate, A.seq,
+         1::int AS lev,
+         ARRAY[A.child_objid::text] AS path,
+         ARRAY[A.part_no::text] AS parent_parts_arr
+       FROM bom_part_qty A
+       WHERE (A.parent_objid IS NULL OR A.parent_objid = '')
+         AND A.bom_report_objid = $1
+         AND (A.status NOT IN ('deleting', 'deleted') OR A.status IS NULL)
+       UNION ALL
+       SELECT
+         B.bom_report_objid, B.objid, B.parent_objid, B.child_objid,
+         B.parent_part_no, B.part_no, B.last_part_objid,
+         B.qty, B.qty_temp, B.status, B.regdate, B.seq,
+         V.lev + 1,
+         V.path || B.child_objid::text,
+         V.parent_parts_arr || B.part_no::text
+       FROM bom_part_qty B
+       JOIN VIEW_BOM V ON B.parent_objid = V.child_objid
+         AND V.bom_report_objid = B.bom_report_objid
+         AND (B.status NOT IN ('deleting', 'deleted') OR B.status IS NULL)
+     ),
+     MAX_LEV AS (SELECT MAX(lev) AS max_level FROM VIEW_BOM)
+     SELECT
+       V.objid::text AS "OBJID",
+       V.bom_report_objid AS "BOM_REPORT_OBJID",
+       V.parent_objid AS "PARENT_OBJID",
+       V.child_objid AS "CHILD_OBJID",
+       V.parent_part_no AS "PARENT_PART_NO",
+       V.last_part_objid AS "LAST_PART_OBJID",
+       V.last_part_objid AS "BOM_LAST_PART_OBJID",
+       V.qty AS "QTY",
+       V.qty_temp AS "QTY_TEMP",
+       V.status AS "STATUS",
+       V.seq AS "SEQ",
+       V.lev AS "LEVEL",
+       (SELECT max_level FROM MAX_LEV) AS "MAX_LEVEL",
+       (CASE WHEN EXISTS (SELECT 1 FROM bom_part_qty C WHERE C.parent_objid = V.child_objid
+                            AND C.bom_report_objid = V.bom_report_objid) THEN 0 ELSE 1 END) AS "LEAF",
+       array_to_string(V.parent_parts_arr, ',') AS "PARENT_PARTS",
+       P.objid::text AS "PART_OBJID",
+       P.part_no AS "PART_NO",
+       P.part_name AS "PART_NAME",
+       P.revision AS "REVISION",
+       P.material AS "MATERIAL",
+       P.spec AS "SPEC",
+       P.maker AS "MAKER",
+       P.eo_no AS "EO_NO",
+       P.eo_date AS "EO_DATE",
+       P.part_type AS "PART_TYPE",
+       (SELECT code_name FROM comm_code WHERE code_id = P.part_type) AS "PART_TYPE_TITLE",
+       (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '3D_CAD') AS "CU01_CNT",
+       (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_DRAWING_CAD') AS "CU02_CNT",
+       (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_PDF_CAD') AS "CU03_CNT"
+     FROM VIEW_BOM V
+       LEFT JOIN part_mng P ON P.objid::text = V.last_part_objid
+     ORDER BY V.path, V.seq NULLS LAST, V.regdate`,
+    [bomReportObjId],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, HEADER: header ?? {} });
+}
diff --git a/src/app/api/product/bom/tree/route.ts b/src/app/api/product/bom/tree/route.ts
new file mode 100644
index 0000000..fe93ef6
--- /dev/null
+++ b/src/app/api/product/bom/tree/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// BOM 구조 트리 조회 - bom_report_objid 기준 계층 + PART 정보
+// (setStructurePopupMainFS 및 bom-ascending 용)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomReportObjId = String(body.bomReportObjId || body.OBJID || "");
+
+  let info: Record<string, unknown> | null = null;
+  if (bomReportObjId) {
+    info = await queryOne(
+      `SELECT T.objid::text AS "OBJID",
+         T.status AS "STATUS",
+         T.revision AS "REVISION",
+         T.note AS "NOTE",
+         T.deploy_date AS "DEPLOY_DATE",
+         (SELECT supply_name FROM supply_mng O WHERE O.objid::varchar = T.customer_objid) AS "CUSTOMER_NAME",
+         (SELECT project_no FROM project_mgmt O WHERE O.objid = T.contract_objid) AS "PROJECT_NO",
+         (SELECT customer_project_name FROM project_mgmt O WHERE O.objid = T.contract_objid) AS "CUSTOMER_PROJECT_NAME",
+         (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = T.unit_code) AS "UNIT_NAME"
+       FROM part_bom_report T WHERE T.objid = $1`,
+      [bomReportObjId],
+    );
+  }
+
+  const parts = bomReportObjId
+    ? await queryRows(
+        `SELECT Q.objid::text AS "OBJID",
+           Q.parent_part_no AS "PARENT_PART_NO",
+           Q.last_part_objid AS "PART_OBJID",
+           Q.qty AS "QTY",
+           Q.status AS "Q_STATUS",
+           P.part_no AS "PART_NO",
+           P.part_name AS "PART_NAME",
+           P.material AS "MATERIAL",
+           P.spec AS "SPEC",
+           P.maker AS "MAKER",
+           P.revision AS "REVISION",
+           P.eo_no AS "EO_NO",
+           P.eo_date AS "EO_DATE",
+           P.part_type AS "PART_TYPE",
+           (SELECT code_name FROM comm_code WHERE code_id = P.part_type) AS "PART_TYPE_TITLE",
+           P.remark AS "REMARK",
+           (SELECT part_no || ' ' || part_name FROM part_mng SP WHERE SP.objid = Q.parent_part_no) AS "PARENT_PART_INFO"
+         FROM bom_part_qty Q
+           LEFT JOIN part_mng P ON P.objid = Q.last_part_objid
+         WHERE Q.bom_report_objid = $1
+         ORDER BY Q.parent_part_no, P.part_no`,
+        [bomReportObjId],
+      )
+    : [];
+
+  return NextResponse.json({ RESULTLIST: parts, HEADER: info ?? {} });
+}
diff --git a/src/app/api/product/design-change/route.ts b/src/app/api/product/design-change/route.ts
new file mode 100644
index 0000000..cdfc2a0
--- /dev/null
+++ b/src/app/api/product/design-change/route.ts
@@ -0,0 +1,107 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 제품관리_설계변경 리스트 (원본: partMng.partMngHistList)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [
+    "1=1",
+    `NOT (PM.his_status = 'DEPLOY' AND PM.change_type IS NULL AND PM.revision = 'RE')`,
+    "PM.revision IS NOT NULL",
+    "COALESCE(PM.bom_status, '') = 'deploy'",
+  ];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year) {
+    conditions.push(`TO_CHAR(CM.regdate, 'YYYY') = $${idx++}`);
+    params.push(String(body.Year));
+  }
+  if (body.contract_objid) {
+    conditions.push(`CM.objid = $${idx++}`);
+    params.push(body.contract_objid);
+  }
+  if (body.unit_code) {
+    conditions.push(`B.unit_code = $${idx++}`);
+    params.push(body.unit_code);
+  }
+  if (body.part_no) {
+    conditions.push(`UPPER(PM.part_no) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(`UPPER(PM.part_name) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.part_name);
+  }
+  if (body.change_option) {
+    conditions.push(`PM.change_option = $${idx++}`);
+    params.push(body.change_option);
+  }
+  if (body.eo_start_date) {
+    conditions.push(`TO_DATE(PM.eo_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.eo_start_date);
+  }
+  if (body.eo_end_date) {
+    conditions.push(`TO_DATE(PM.eo_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.eo_end_date);
+  }
+  if (body.change_type) {
+    conditions.push(`PM.change_type = $${idx++}`);
+    params.push(body.change_type);
+  }
+  if (body.part_type) {
+    conditions.push(`PM.part_type = $${idx++}`);
+    params.push(body.part_type);
+  }
+  if (body.writer_id) {
+    conditions.push(`PM.writer = $${idx++}`);
+    params.push(body.writer_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT PM.objid::text AS "OBJID",
+      PM.eo_no AS "EO_NO",
+      TO_CHAR(CM.regdate, 'YYYY') AS "YEAR",
+      COALESCE(CM.customer_project_name, CM2.customer_project_name) AS "PROJECT_NAME",
+      COALESCE(CM2.project_no, CM.project_no) AS "PROJECT_NO",
+      (SELECT part_no || ' ' || part_name FROM part_mng SP WHERE SP.objid = PM.parent_part_no) AS "PARENT_PART_INFO",
+      CASE WHEN PM.change_option = '0001790' THEN PM.part_no || '->' || PM.chg_part_no ELSE PM.part_no END AS "PART_NO",
+      CASE WHEN PM.change_option = '0001790'
+           THEN PM.part_name || '->' || (SELECT part_name FROM part_mng P WHERE P.objid = PM.chg_part_objid::varchar)
+           ELSE PM.part_name END AS "PART_NAME",
+      PM.bom_qty_status AS "BOM_QTY_STATUS",
+      CASE WHEN PM.bom_qty_status = 'adding' THEN PM.qty_temp ELSE PM.qty END AS "QTY",
+      CASE
+        WHEN PM.bom_qty_status = 'adding' THEN ''
+        WHEN PM.bom_qty_status = 'beforeEdit' AND PM.qty = PM.qty_temp THEN ''
+        ELSE PM.qty_temp END AS "QTY_TEMP",
+      PM.change_type AS "CHANGE_TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.change_type) AS "CHANGE_TYPE_NAME",
+      PM.change_option AS "CHANGE_OPTION",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.change_option) AS "CHANGE_OPTION_NAME",
+      CASE WHEN PM.change_option = '0001790' THEN PM.revision || '->' || PM.chg_part_rev ELSE PM.revision END AS "REVISION",
+      PM.eo_date AS "EO_DATE",
+      PM.part_type AS "PART_TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.part_type) AS "PART_TYPE_NAME",
+      PM.writer AS "WRITER",
+      (SELECT user_name FROM user_info WHERE user_id = PM.writer) AS "WRITER_NAME",
+      WTS.unit_no || '-' || WTS.task_name AS "UNIT_NAME",
+      TO_CHAR(PM.his_reg_date, 'YYYY-MM-DD') AS "HIS_REG_DATE_TITLE"
+    FROM part_mng_history PM
+      LEFT OUTER JOIN project_mgmt CM ON PM.contract_objid = CM.objid
+      LEFT OUTER JOIN part_bom_report B ON PM.bom_report_objid = B.objid
+      LEFT OUTER JOIN project_mgmt CM2 ON B.contract_objid = CM2.objid
+      LEFT OUTER JOIN pms_wbs_task WTS ON B.unit_code = WTS.objid
+    WHERE ${where}
+    ORDER BY COALESCE(PM.his_reg_date, PM.reg_date) DESC, PM.part_no
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/product/design-change/save/route.ts b/src/app/api/product/design-change/save/route.ts
new file mode 100644
index 0000000..275fe78
--- /dev/null
+++ b/src/app/api/product/design-change/save/route.ts
@@ -0,0 +1,44 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 설계변경 저장
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : body.objId;
+
+  const client = await pool.connect();
+  try {
+    let changeNo = body.change_no || "";
+    if (isNew && !changeNo) {
+      const year = new Date().getFullYear().toString().slice(2);
+      const r = await client.query(
+        `SELECT COALESCE(MAX(SUBSTR(change_no, 6)::numeric), 0)::int + 1 AS seq
+         FROM design_change WHERE change_no LIKE $1`, [`DC${year}-%`]
+      );
+      changeNo = `DC${year}-${String(r.rows[0]?.seq || 1).padStart(4, "0")}`;
+    }
+
+    await client.query(
+      `INSERT INTO design_change (
+        objid, change_no, contract_objid, change_title, change_type, change_reason,
+        request_date, request_user_id, status, writer, reg_date
+      ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, now())
+      ON CONFLICT (objid) DO UPDATE SET
+        change_title=EXCLUDED.change_title, change_type=EXCLUDED.change_type,
+        change_reason=EXCLUDED.change_reason, status=EXCLUDED.status`,
+      [objId, changeNo, body.contract_objid || body.project_no || "",
+       body.change_title || "", body.change_type || "",
+       body.change_reason || "", body.request_date || new Date().toISOString().slice(0, 10),
+       body.request_user_id || user.userId, body.status || "draft", user.userId]
+    );
+    return NextResponse.json({ success: true, objId, changeNo, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Design change save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/product/history/detail/route.ts b/src/app/api/product/history/detail/route.ts
new file mode 100644
index 0000000..4c96adf
--- /dev/null
+++ b/src/app/api/product/history/detail/route.ts
@@ -0,0 +1,51 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 품목 상세 (원본: partMng/partMngHisDetailPopUp.do → partMngService.getPartMngInfo)
+// 설계변경 리스트에서 넘긴 OBJID 로 PART_MNG 를 조회 (part_mng_history 아님)
+// + 첨부파일(3D_CAD / 2D_DRAWING_CAD / 2D_PDF_CAD) 목록 동봉
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT P.objid::text AS "OBJID",
+       P.part_no AS "PART_NO", P.part_name AS "PART_NAME",
+       P.spec AS "SPEC", P.material AS "MATERIAL", P.weight AS "WEIGHT",
+       P.unit AS "UNIT", P.qty AS "QTY",
+       P.part_type AS "PART_TYPE",
+       (SELECT code_name FROM comm_code WHERE code_id = P.part_type) AS "PART_TYPE_TITLE",
+       P.maker AS "MAKER", P.post_processing AS "POST_PROCESSING",
+       P.remark AS "REMARK",
+       P.revision AS "REVISION", P.status AS "STATUS", P.is_last AS "IS_LAST",
+       P.change_type AS "CHANGE_TYPE",
+       (SELECT code_name FROM comm_code WHERE code_id = P.change_type) AS "CHANGE_TYPE_NAME",
+       P.change_option AS "CHANGE_OPTION",
+       (SELECT code_name FROM comm_code WHERE code_id = P.change_option) AS "CHANGE_OPTION_NAME",
+       P.thickness AS "THICKNESS", P.width AS "WIDTH", P.height AS "HEIGHT",
+       P.out_diameter AS "OUT_DIAMETER", P.in_diameter AS "IN_DIAMETER", P.length AS "LENGTH",
+       P.major_category AS "MAJOR_CATEGORY", P.sub_category AS "SUB_CATEGORY",
+       P.eo_no AS "EO_NO", P.eo_date AS "EO_DATE",
+       P.writer AS "WRITER",
+       (SELECT user_name FROM user_info WHERE user_id = P.writer) AS "WRITER_NAME",
+       TO_CHAR(P.reg_date, 'YYYY-MM-DD') AS "REG_DATE"
+     FROM part_mng P WHERE P.objid = $1`,
+    [objId],
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  const files = await queryRows(
+    `SELECT objid::text AS "OBJID", real_file_name AS "REAL_FILE_NAME",
+            doc_type AS "DOC_TYPE"
+       FROM attach_file_info
+      WHERE target_objid = $1
+        AND doc_type IN ('3D_CAD', '2D_DRAWING_CAD', '2D_PDF_CAD')
+      ORDER BY regdate DESC`,
+    [objId],
+  );
+
+  return NextResponse.json({ success: true, data: info, files });
+}
diff --git a/src/app/api/product/part-change/route.ts b/src/app/api/product/part-change/route.ts
new file mode 100644
index 0000000..1215045
--- /dev/null
+++ b/src/app/api/product/part-change/route.ts
@@ -0,0 +1,402 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { getNextRevision } from "@/lib/utils";
+
+// 설변대상 PART 조회 (원본: partMng.partMngChangeGridList)
+// 저장 원본: PartMngService.savePartMngChangeList → savePartMng(ACTION_TYPE='changeDesign')
+// action: list(default) | save
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "list");
+
+  if (action === "save") {
+    const rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+    const client = await pool.connect();
+    try {
+      await client.query("BEGIN");
+      for (const r of rows) {
+        // Q_STATUS='deploy' 건만 저장 (원본 fn_save 체크)
+        // 주: PART_SEQ 필터 없음. 같은 파트가 여러 BOM에 있을 때(동시프로젝트 등)
+        //    각 bom_part_qty row(child_objid)가 모두 beforeEdit 으로 전환되어야 함.
+        if (String(r.Q_STATUS || "") !== "deploy") continue;
+
+        const objid = String(r.OBJID || "");
+        if (!objid) continue;
+
+        // REVISION 자동 증가: 'RE' → 'A', 그 외 → getNextRevision
+        const prevRevision = String(r.REVISION || "");
+        const nextRevision = prevRevision === "RE" ? "A" : getNextRevision(prevRevision);
+
+        // partMng.mergePartMngchangeDesign — INSERT ON CONFLICT(OBJID) DO UPDATE
+        // STATUS='changing', EO_DATE='', EO_NO='' 고정 (원본 line 576-578)
+        await client.query(
+          `INSERT INTO part_mng (
+             objid, product_mgmt_objid, contract_objid, upg_no, part_no, part_name,
+             unit, qty, spec, material, weight, part_type, remark,
+             es_spec, ms_spec, change_type, change_option,
+             design_apply_point, management_flag, revision, status,
+             reg_date, writer, is_last, parent_part_no, sub_material,
+             eo_no, eo_date, design_date,
+             thickness, width, height, out_diameter, in_diameter, length,
+             maker, post_processing, major_category, sub_category,
+             code1, code2, code3, code4, code5, is_new, is_longd
+           ) VALUES (
+             $1, $2, $3, $4, $5, $6,
+             $7, $8, $9, $10, $11, $12, $13,
+             $14, $15, $16, $17,
+             $18, $19, UPPER($20), 'changing',
+             NOW(), $21, COALESCE($22, '0'), $23, $24,
+             '', '', $25,
+             $26, $27, $28, $29, $30, $31,
+             $32, $33, $34, $35,
+             $36, $37, $38, $39, $40, $41, $42
+           )
+           ON CONFLICT (objid) DO UPDATE SET
+             product_mgmt_objid = EXCLUDED.product_mgmt_objid,
+             upg_no = EXCLUDED.upg_no,
+             part_no = EXCLUDED.part_no,
+             part_name = EXCLUDED.part_name,
+             unit = EXCLUDED.unit,
+             qty = EXCLUDED.qty,
+             spec = EXCLUDED.spec,
+             material = EXCLUDED.material,
+             weight = EXCLUDED.weight,
+             part_type = EXCLUDED.part_type,
+             remark = EXCLUDED.remark,
+             es_spec = EXCLUDED.es_spec,
+             ms_spec = EXCLUDED.ms_spec,
+             change_type = EXCLUDED.change_type,
+             change_option = EXCLUDED.change_option,
+             design_apply_point = EXCLUDED.design_apply_point,
+             management_flag = EXCLUDED.management_flag,
+             revision = EXCLUDED.revision,
+             status = EXCLUDED.status,
+             edit_date = NOW(),
+             writer = EXCLUDED.writer,
+             parent_part_no = EXCLUDED.parent_part_no,
+             sub_material = EXCLUDED.sub_material,
+             eo_no = '',
+             eo_date = '',
+             design_date = EXCLUDED.design_date,
+             thickness = EXCLUDED.thickness,
+             width = EXCLUDED.width,
+             height = EXCLUDED.height,
+             out_diameter = EXCLUDED.out_diameter,
+             in_diameter = EXCLUDED.in_diameter,
+             length = EXCLUDED.length,
+             maker = EXCLUDED.maker,
+             post_processing = EXCLUDED.post_processing,
+             major_category = EXCLUDED.major_category,
+             sub_category = EXCLUDED.sub_category,
+             code1 = EXCLUDED.code1,
+             code2 = EXCLUDED.code2,
+             code3 = EXCLUDED.code3,
+             code4 = EXCLUDED.code4,
+             code5 = EXCLUDED.code5,
+             is_new = EXCLUDED.is_new,
+             is_longd = EXCLUDED.is_longd`,
+          [
+            objid,                                  // $1 objid
+            String(r.PRODUCT_MGMT_OBJID || ""),     // $2
+            String(r.CONTRACT_OBJID || ""),         // $3
+            String(r.UPG_NO || ""),                 // $4
+            String(r.PART_NO || ""),                // $5
+            String(r.PART_NAME || ""),              // $6
+            String(r.UNIT || ""),                   // $7 unit
+            String(r.QTY || ""),                    // $8 qty
+            String(r.SPEC || ""),                   // $9
+            String(r.MATERIAL || ""),               // $10
+            String(r.WEIGHT || ""),                 // $11
+            String(r.PART_TYPE || ""),              // $12
+            String(r.REMARK || ""),                 // $13
+            String(r.ES_SPEC || ""),                // $14
+            String(r.MS_SPEC || ""),                // $15
+            String(r.CHANGE_TYPE || ""),            // $16
+            String(r.CHANGE_OPTION || ""),          // $17
+            String(r.DESIGN_APPLY_POINT || ""),     // $18
+            String(r.MANAGEMENT_FLAG || ""),        // $19
+            nextRevision,                           // $20 revision (UPPER)
+            user.userId,                            // $21 writer
+            r.IS_LAST == null ? null : String(r.IS_LAST), // $22 is_last (COALESCE '0')
+            String(r.PARENT_PART_NO || ""),         // $23
+            String(r.SUB_MATERIAL || ""),           // $24
+            String(r.DESIGN_DATE || ""),            // $25 design_date (eo_no/eo_date 빈값 고정)
+            String(r.THICKNESS || ""),              // $26
+            String(r.WIDTH || ""),                  // $27
+            String(r.HEIGHT || ""),                 // $28
+            String(r.OUT_DIAMETER || ""),           // $29
+            String(r.IN_DIAMETER || ""),            // $30
+            String(r.LENGTH || ""),                 // $31
+            String(r.MAKER || ""),                  // $32
+            String(r.POST_PROCESSING || ""),        // $33
+            String(r.MAJOR_CATEGORY || ""),         // $34
+            String(r.SUB_CATEGORY || ""),           // $35
+            String(r.CODE1 || ""),                  // $36
+            String(r.CODE2 || ""),                  // $37
+            String(r.CODE3 || ""),                  // $38
+            String(r.CODE4 || ""),                  // $39
+            String(r.CODE5 || ""),                  // $40
+            String(r.IS_NEW || ""),                 // $41
+            String(r.IS_LONGD || ""),               // $42
+          ],
+        );
+
+        // partMng.mergePartMngHistory — PART_MNG_HISTORY 스냅샷 UPSERT (원본 582줄 주석 해제)
+        // status='changing', revision=next, eo_no='' 상태 기준으로 저장
+        await client.query(
+          `INSERT INTO part_mng_history (
+             objid, product_mgmt_objid, upg_no, part_no, part_name, unit, qty,
+             spec, material, weight, part_type, remark, es_spec, ms_spec,
+             change_type, change_option, design_apply_point, management_flag,
+             revision, status, reg_date, writer, is_last,
+             parent_part_no, sub_material, eo_no, eo_date, design_date,
+             thickness, width, height, out_diameter, in_diameter, length,
+             contract_objid, maker
+           )
+           SELECT
+             $1::numeric, $2, $3, $4, $5, $6, $7,
+             $8, $9, $10, $11, $12, $13, $14,
+             $15, $16, $17, $18,
+             UPPER($19), $20, NOW(), $21, '0',
+             $22, $23, COALESCE((SELECT eo_no FROM part_mng WHERE objid = $1::varchar), ''),
+             $24, $25,
+             $26, $27, $28, $29, $30, $31,
+             $32, $33
+           ON CONFLICT (objid) DO UPDATE SET
+             product_mgmt_objid = EXCLUDED.product_mgmt_objid,
+             upg_no = EXCLUDED.upg_no,
+             part_no = EXCLUDED.part_no,
+             part_name = EXCLUDED.part_name,
+             unit = EXCLUDED.unit,
+             qty = EXCLUDED.qty,
+             spec = EXCLUDED.spec,
+             material = EXCLUDED.material,
+             weight = EXCLUDED.weight,
+             part_type = EXCLUDED.part_type,
+             remark = EXCLUDED.remark,
+             es_spec = EXCLUDED.es_spec,
+             ms_spec = EXCLUDED.ms_spec,
+             change_type = EXCLUDED.change_type,
+             change_option = EXCLUDED.change_option,
+             design_apply_point = EXCLUDED.design_apply_point,
+             management_flag = EXCLUDED.management_flag,
+             revision = EXCLUDED.revision,
+             status = EXCLUDED.status,
+             edit_date = NOW(),
+             writer = EXCLUDED.writer,
+             parent_part_no = EXCLUDED.parent_part_no,
+             sub_material = EXCLUDED.sub_material,
+             eo_date = EXCLUDED.eo_date,
+             design_date = EXCLUDED.design_date,
+             thickness = EXCLUDED.thickness,
+             width = EXCLUDED.width,
+             height = EXCLUDED.height,
+             out_diameter = EXCLUDED.out_diameter,
+             in_diameter = EXCLUDED.in_diameter,
+             length = EXCLUDED.length,
+             contract_objid = COALESCE((SELECT contract_objid FROM part_mng WHERE objid = $1::varchar), ''),
+             maker = EXCLUDED.maker`,
+          [
+            objid,                               // $1
+            String(r.PRODUCT_MGMT_OBJID || ""),  // $2
+            String(r.UPG_NO || ""),              // $3
+            String(r.PART_NO || ""),             // $4
+            String(r.PART_NAME || ""),           // $5
+            String(r.UNIT || ""),                // $6
+            String(r.QTY || ""),                 // $7
+            String(r.SPEC || ""),                // $8
+            String(r.MATERIAL || ""),            // $9
+            String(r.WEIGHT || ""),              // $10
+            String(r.PART_TYPE || ""),           // $11
+            String(r.REMARK || ""),              // $12
+            String(r.ES_SPEC || ""),             // $13
+            String(r.MS_SPEC || ""),             // $14
+            String(r.CHANGE_TYPE || ""),         // $15
+            String(r.CHANGE_OPTION || ""),       // $16
+            String(r.DESIGN_APPLY_POINT || ""),  // $17
+            String(r.MANAGEMENT_FLAG || ""),     // $18
+            nextRevision,                         // $19 revision (UPPER)
+            "changing",                           // $20 status
+            user.userId,                          // $21 writer
+            String(r.PARENT_PART_NO || ""),      // $22
+            String(r.SUB_MATERIAL || ""),        // $23
+            "",                                   // $24 eo_date (리셋)
+            String(r.DESIGN_DATE || ""),         // $25
+            String(r.THICKNESS || ""),           // $26
+            String(r.WIDTH || ""),               // $27
+            String(r.HEIGHT || ""),              // $28
+            String(r.OUT_DIAMETER || ""),        // $29
+            String(r.IN_DIAMETER || ""),         // $30
+            String(r.LENGTH || ""),              // $31
+            String(r.CONTRACT_OBJID || ""),      // $32
+            String(r.MAKER || ""),               // $33
+          ],
+        );
+
+        // partMng.structureQtySave — bom_part_qty UPDATE (원본 line 586-588)
+        // WHERE child_objid = ?
+        const childObjId = String(r.CHILD_OBJID || "");
+        if (childObjId) {
+          await client.query(
+            `UPDATE bom_part_qty
+                SET status = CASE WHEN COALESCE($1,'') = '' THEN status ELSE $1 END,
+                    qty_temp = CASE WHEN COALESCE($2,'') = '' THEN qty_temp ELSE $2 END
+              WHERE child_objid = $3`,
+            ["beforeEdit", String(r.Q_QTY || ""), childObjId],
+          );
+        }
+
+        // changeStatusBomReportByPartNo — 해당 PART를 사용한 BOM 전체를 설계변경 상태로 전환
+        // (원본 partMngService.savePartMng 591줄 주석 해제 반영)
+        const partNo = String(r.PART_NO || "");
+        if (partNo) {
+          await client.query(
+            `UPDATE part_bom_report
+                SET status = 'changeDesign', edit_date = NOW(), editer = $1
+              WHERE objid IN (
+                SELECT Q.bom_report_objid
+                  FROM bom_part_qty Q, part_mng P
+                 WHERE P.part_no = $2 AND P.objid = Q.part_no
+              )
+              AND status != 'changeDesign'`,
+            [user.userId, partNo],
+          );
+        }
+      }
+      await client.query("COMMIT");
+      return NextResponse.json({ success: true, message: "저장되었습니다." });
+    } catch (e) {
+      await client.query("ROLLBACK");
+      console.error("part-change save:", e);
+      return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+    } finally {
+      client.release();
+    }
+  }
+
+  // list - partMngChangeGridList 대응
+  const conditions: string[] = ["T.status = 'release'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.project_name) {
+    // 동시 프로젝트 같은 파트 조회
+    conditions.push(`EXISTS (SELECT 'E' FROM project_mgmt SP
+                      WHERE SP.objid = B.contract_objid
+                        AND EXISTS (SELECT 'E' FROM contract_mgmt SC
+                                      WHERE SC.objid = SP.contract_objid
+                                        AND EXISTS (SELECT 'E' FROM project_mgmt SP2
+                                                      WHERE SC.objid = SP2.contract_objid
+                                                        AND SP2.objid = $${idx})))`);
+    params.push(body.project_name);
+    idx++;
+  }
+  if (body.unit_code) {
+    conditions.push(`EXISTS (SELECT 'E' FROM pms_wbs_task O
+                      WHERE O.objid = B.unit_code
+                        AND (UPPER(O.task_name) = (SELECT UPPER(task_name) FROM pms_wbs_task ST WHERE ST.objid = $${idx})
+                          OR UPPER(O.unit_no || '-' || O.task_name) = (SELECT UPPER(task_name) FROM pms_wbs_task ST WHERE ST.objid = $${idx})))`);
+    params.push(body.unit_code);
+    idx++;
+  }
+  if (body.SEARCH_PART_OBJID) {
+    conditions.push(`T.objid = $${idx++}`);
+    params.push(body.SEARCH_PART_OBJID);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      ROW_NUMBER() OVER(ORDER BY T.part_no,
+        (CASE WHEN T.revision LIKE 'RE%' THEN 0 ELSE 1 END) DESC,
+        T.revision DESC) AS "NUM",
+      DENSE_RANK() OVER(PARTITION BY T.objid ORDER BY Q.seq) AS "PART_SEQ",
+      T.objid::text AS "OBJID",
+      T.objid::text AS "OBJID_ORG",
+      T.part_no AS "PART_NO",
+      T.part_name AS "PART_NAME",
+      T.revision AS "REVISION",
+      T.eo_no AS "EO_NO",
+      T.eo_date AS "EO_DATE",
+      T.material AS "MATERIAL",
+      T.spec AS "SPEC",
+      T.post_processing AS "POST_PROCESSING",
+      T.maker AS "MAKER",
+      T.major_category AS "MAJOR_CATEGORY",
+      T.sub_category AS "SUB_CATEGORY",
+      T.remark AS "REMARK",
+      T.part_type AS "PART_TYPE",
+      T.change_type AS "CHANGE_TYPE",
+      T.change_option AS "CHANGE_OPTION",
+      T.product_mgmt_objid AS "PRODUCT_MGMT_OBJID",
+      T.upg_no AS "UPG_NO",
+      T.unit AS "UNIT",
+      T.qty AS "QTY",
+      T.weight AS "WEIGHT",
+      T.es_spec AS "ES_SPEC",
+      T.ms_spec AS "MS_SPEC",
+      T.design_apply_point AS "DESIGN_APPLY_POINT",
+      T.management_flag AS "MANAGEMENT_FLAG",
+      T.is_last AS "IS_LAST",
+      T.parent_part_no AS "PARENT_PART_NO",
+      T.sub_material AS "SUB_MATERIAL",
+      T.design_date AS "DESIGN_DATE",
+      T.thickness AS "THICKNESS",
+      T.width AS "WIDTH",
+      T.height AS "HEIGHT",
+      T.out_diameter AS "OUT_DIAMETER",
+      T.in_diameter AS "IN_DIAMETER",
+      T.length AS "LENGTH",
+      T.code1 AS "CODE1",
+      T.code2 AS "CODE2",
+      T.code3 AS "CODE3",
+      T.code4 AS "CODE4",
+      T.code5 AS "CODE5",
+      T.is_new AS "IS_NEW",
+      T.is_longd AS "IS_LONGD",
+      Q.objid::text AS "OBJID_QTY",
+      Q.child_objid::text AS "CHILD_OBJID",
+      Q.status AS "Q_STATUS",
+      CASE WHEN Q.status = 'deploy' THEN Q.qty
+           WHEN (Q.qty_temp IS NULL OR Q.qty_temp = '') THEN Q.qty
+           ELSE Q.qty_temp END AS "Q_QTY",
+      (SELECT SUM(I.qty::numeric)
+         FROM inventory_mng I, resource_mng RM
+        WHERE RM.objid = I.parent_objid
+          AND I.is_last = 'Y'
+          AND RM.part_objid = T.objid::varchar
+        GROUP BY I.parent_objid
+        LIMIT 1) AS "INVEN_TOTAL_QTY",
+      (SELECT part_no || ' ' || part_name FROM part_mng SP WHERE SP.objid = Q.parent_part_no) AS "PARENT_PART_INFO",
+      (SELECT project_no FROM project_mgmt O WHERE O.objid = B.contract_objid) AS "PROJECT_NO",
+      (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task O WHERE O.objid = B.unit_code) AS "UNIT_NAME",
+      B.contract_objid AS "CONTRACT_OBJID",
+      B.unit_code AS "UNIT_CODE",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = T.objid::text AND doc_type = '3D_CAD') AS "CU01_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = T.objid::text AND doc_type = '2D_DRAWING_CAD') AS "CU02_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = T.objid::text AND doc_type = '2D_PDF_CAD') AS "CU03_CNT"
+    FROM part_mng T
+      LEFT OUTER JOIN bom_part_qty Q
+        ON (
+          (Q.last_part_objid = T.objid AND Q.status IN ('deploy','beforeEdit'))
+          OR
+          (T.objid = (SELECT PM1.objid FROM part_mng PM1, part_mng PM2
+                       WHERE PM1.is_last = '1' AND PM2.objid = Q.part_no AND PM1.part_no = PM2.part_no)
+            AND Q.status IN ('editing'))
+        )
+        AND Q.status IN ('deploy','beforeEdit')
+      LEFT OUTER JOIN part_bom_report B ON B.objid = Q.bom_report_objid
+    WHERE ${where}
+    ORDER BY T.part_no,
+      (CASE WHEN T.revision LIKE 'RE%' THEN 0 ELSE 1 END) DESC,
+      T.revision DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/product/part/delete/route.ts b/src/app/api/product/part/delete/route.ts
new file mode 100644
index 0000000..9dd89b9
--- /dev/null
+++ b/src/app/api/product/part/delete/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// PART 삭제
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds } = body;
+
+  if (!objIds || !Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    // BOM 참조 먼저 삭제
+    await execute(`DELETE FROM bom_part_qty WHERE part_no IN (${placeholders})`, objIds);
+    // PART 삭제
+    await execute(`DELETE FROM part_mng WHERE objid IN (${placeholders})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Part delete error:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/part/deploy/route.ts b/src/app/api/product/part/deploy/route.ts
new file mode 100644
index 0000000..823162f
--- /dev/null
+++ b/src/app/api/product/part/deploy/route.ts
@@ -0,0 +1,198 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// PART 확정(배포) — 원본 PartMngService.partMngDeploy
+// 1) partMngIsLastInit — 같은 part_no의 모든 행 is_last='0'
+// 2) partMngDeploy — 대상 행 is_last='1', status='release', revision RE 기본, EO_NO 자동채번
+// 3) insertPartMngHistory (HIS_STATUS='DEPLOY') — 이력 저장
+// 4) structureQtySave (STATUS='editing') — bom_part_qty 상태 전환
+// 5) changeStatusBomReportByPartObjid — 사용된 BOM 설계변경중
+// 6) procurStandMgmt.updateCodeName — CODE1~5가 단독 파트에만 쓰이면 procurement_standard.code_name 갱신
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  // 원본 partMngTempList.jsp: dataListJson = getSelectedData() (full rows)
+  // 하위 호환: objIds 만 오면 rows 는 DB에서 조회
+  let rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+  if (rows.length === 0 && Array.isArray(body.objIds) && body.objIds.length > 0) {
+    const placeholders = body.objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    const fallback = await pool.query(
+      `SELECT objid AS "OBJID", part_no AS "PART_NO", revision AS "REVISION",
+              change_type AS "CHANGE_TYPE", change_option AS "CHANGE_OPTION",
+              major_category AS "MAJOR_CATEGORY", sub_category AS "SUB_CATEGORY",
+              maker AS "MAKER", part_name AS "PART_NAME", spec AS "SPEC",
+              code1 AS "CODE1", code2 AS "CODE2", code3 AS "CODE3",
+              code4 AS "CODE4", code5 AS "CODE5"
+         FROM part_mng WHERE objid IN (${placeholders})`,
+      body.objIds,
+    );
+    rows = fallback.rows;
+  }
+  if (rows.length === 0) {
+    return NextResponse.json({ success: false, message: "선택된 Part가 없습니다." });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    for (const r of rows) {
+      const objid = String(r.OBJID || "");
+      if (!objid) continue;
+
+      // 1) partMngIsLastInit — 같은 part_no의 모든 행 is_last='0'
+      await client.query(
+        `UPDATE part_mng
+            SET is_last = '0', edit_date = NOW()
+          WHERE part_no = (SELECT part_no FROM part_mng WHERE objid = $1)`,
+        [objid],
+      );
+
+      // 2) partMngDeploy — 대상 행 최종 확정
+      await client.query(
+        `UPDATE part_mng P SET
+           is_last = '1',
+           edit_date = NOW(),
+           deploy_date = NOW(),
+           status = 'release',
+           revision = CASE WHEN COALESCE(revision, '') = '' THEN 'RE' ELSE revision END,
+           eo_date = TO_CHAR(NOW(), 'YYYY-MM-DD'),
+           eo_no = CASE
+             WHEN P.is_longd = '1' THEN
+               'EOB' || TO_CHAR(NOW(),'YY') || '-' || LPAD(
+                 COALESCE((SELECT MAX(SUBSTRING(SP.eo_no FROM 7))::integer + 1
+                             FROM part_mng SP
+                             WHERE SP.eo_no IS NOT NULL
+                               AND SP.eo_no LIKE 'EOB' || TO_CHAR(NOW(),'YY') || '-%'
+                               AND SP.part_no != P.part_no
+                               AND SP.revision != COALESCE(P.revision,''))::text, '1'), 4, '0')
+             ELSE
+               'EO' || TO_CHAR(NOW(),'YY') || '-' || LPAD(
+                 COALESCE((SELECT MAX(SUBSTRING(SP.eo_no FROM 6))::integer + 1
+                             FROM part_mng SP
+                             WHERE SP.eo_no IS NOT NULL
+                               AND SP.eo_no LIKE 'EO' || TO_CHAR(NOW(),'YY') || '-%'
+                               AND SP.part_no != P.part_no
+                               AND SP.revision != COALESCE(P.revision,''))::text, '1'), 4, '0')
+           END
+         WHERE P.objid = $1`,
+        [objid],
+      );
+
+      // 3) insertPartMngHistory (HIS_STATUS='DEPLOY')
+      // 원본: REVISION='RE' 면 CHANGE_TYPE을 '0001602'(신규파트생성)로 덮어씀
+      const prevRevision = String(r.REVISION || "");
+      const changeTypeForHistory = prevRevision === "RE" ? "0001602" : String(r.CHANGE_TYPE || "");
+      const childObjId = String(r.CHILD_OBJID || "");
+      const bomReportObjId = String(r.BOM_REPORT_OBJID || "");
+
+      await client.query(
+        `INSERT INTO part_mng_history (
+           objid, product_mgmt_objid, upg_no, part_no, part_name, unit, qty,
+           spec, material, weight, part_type, remark, es_spec, ms_spec,
+           change_option, design_apply_point, management_flag, revision, status,
+           reg_date, edit_date, writer, is_last, eo_no, eo_temp,
+           excel_upload_seq, sourcing_code, sub_material, parent_part_no,
+           design_date, eo_date, deploy_date,
+           thickness, width, height, out_diameter, in_diameter, length, supply_code,
+           change_type, contract_objid, maker, qty_temp,
+           bom_report_objid, parent_part_objid, parent_qty_child_objid,
+           bom_qty_status, his_reg_date, his_writer, his_status, qty_child_objid,
+           bom_status, bom_deploy_date, chg_part_objid, chg_part_no, chg_part_rev
+         )
+         SELECT
+           P.objid::numeric, P.product_mgmt_objid, P.upg_no, P.part_no, P.part_name, P.unit, Q.qty,
+           P.spec, P.material, P.weight, P.part_type, P.remark, P.es_spec, P.ms_spec,
+           COALESCE(NULLIF($1::varchar, ''), P.change_option),
+           P.design_apply_point, P.management_flag, P.revision, P.status,
+           P.reg_date, NOW(), $2::varchar, P.is_last, P.eo_no, P.eo_temp,
+           P.excel_upload_seq, P.sourcing_code, P.sub_material,
+           COALESCE(NULLIF(Q.parent_part_no::varchar, ''), Q.parent_part_no),
+           P.design_date, P.eo_date, P.deploy_date,
+           P.thickness, P.width, P.height, P.out_diameter, P.in_diameter, P.length, P.supply_code,
+           COALESCE(NULLIF($3::varchar, ''), P.change_type),
+           P.contract_objid, P.maker, Q.qty_temp,
+           COALESCE(NULLIF($4::varchar, ''), Q.bom_report_objid),
+           Q.parent_part_no, Q.parent_objid,
+           Q.status, NOW(), $2::varchar, 'DEPLOY', $5::varchar,
+           '', NULL, '', '', ''
+         FROM part_mng P
+           LEFT OUTER JOIN bom_part_qty Q
+             ON Q.child_objid = $5::varchar
+              AND Q.status = 'beforeEdit'
+         WHERE P.objid = $6::varchar`,
+        [
+          String(r.CHANGE_OPTION || ""),   // $1
+          user.userId,                      // $2
+          changeTypeForHistory,             // $3
+          bomReportObjId,                   // $4
+          childObjId,                       // $5
+          objid,                            // $6
+        ],
+      );
+
+      // 4) structureQtySave — bom_part_qty 상태 'editing'으로 전환
+      if (childObjId) {
+        await client.query(
+          `UPDATE bom_part_qty
+              SET status = CASE WHEN COALESCE($1,'') = '' THEN status ELSE $1 END,
+                  qty_temp = CASE WHEN COALESCE($2,'') = '' THEN qty_temp ELSE $2 END
+            WHERE child_objid = $3`,
+          ["editing", "", childObjId],
+        );
+      }
+
+      // 5) changeStatusBomReportByPartObjid — 이 파트를 사용한 BOM 전체 changeDesign
+      await client.query(
+        `UPDATE part_bom_report
+            SET status = 'changeDesign', edit_date = NOW(), editer = $1
+          WHERE objid IN (
+            SELECT Q.bom_report_objid
+              FROM bom_part_qty Q, part_mng P, part_mng P2
+             WHERE P.objid = $2::varchar
+               AND P.part_no = P2.part_no
+               AND P2.objid = Q.part_no
+          )
+          AND status != 'changeDesign'`,
+        [user.userId, objid],
+      );
+
+      // 6) procurStandMgmt.sameStdCodeList + updateCodeName
+      // CODE1~5 각각, 해당 코드를 쓰는 is_last='1' 파트가 정확히 1건이면
+      // procurement_standard.code_name 갱신 (switch: 1→MAJOR_CATEGORY, 2→SUB_CATEGORY, 3→MAKER, 4→PART_NAME, 5→SPEC)
+      const codeMap: Array<[string, string]> = [
+        [String(r.CODE1 || ""), String(r.MAJOR_CATEGORY || "")],
+        [String(r.CODE2 || ""), String(r.SUB_CATEGORY || "")],
+        [String(r.CODE3 || ""), String(r.MAKER || "")],
+        [String(r.CODE4 || ""), String(r.PART_NAME || "")],
+        [String(r.CODE5 || ""), String(r.SPEC || "")],
+      ];
+      for (const [codeId, codeName] of codeMap) {
+        if (!codeId) continue;
+        const cnt = await client.query(
+          `SELECT COUNT(*)::int AS cnt FROM part_mng
+            WHERE is_last = '1'
+              AND ($1 IN (COALESCE(code1,''), COALESCE(code2,''), COALESCE(code3,''), COALESCE(code4,''), COALESCE(code5,'')))`,
+          [codeId],
+        );
+        if (cnt.rows[0]?.cnt === 1) {
+          await client.query(
+            `UPDATE procurement_standard SET code_name = $1 WHERE code_id = $2`,
+            [codeName, codeId],
+          );
+        }
+      }
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: `${rows.length}건이 확정되었습니다.` });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Part deploy:", e);
+    return NextResponse.json({ success: false, message: "확정 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/product/part/detail/route.ts b/src/app/api/product/part/detail/route.ts
new file mode 100644
index 0000000..2b8df40
--- /dev/null
+++ b/src/app/api/product/part/detail/route.ts
@@ -0,0 +1,35 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT P.objid::text AS "OBJID",
+       P.part_no AS "PART_NO", P.part_name AS "PART_NAME",
+       P.spec AS "SPEC", P.material AS "MATERIAL", P.weight AS "WEIGHT",
+       P.unit AS "UNIT", P.qty AS "QTY", P.part_type AS "PART_TYPE",
+       P.maker AS "MAKER", P.post_processing AS "POST_PROCESSING",
+       P.remark AS "REMARK", P.sourcing_code AS "SOURCING_CODE",
+       P.revision AS "REVISION", P.status AS "STATUS", P.is_last AS "IS_LAST",
+       P.thickness AS "THICKNESS", P.width AS "WIDTH", P.height AS "HEIGHT",
+       P.out_diameter AS "OUT_DIAMETER", P.in_diameter AS "IN_DIAMETER", P.length AS "LENGTH",
+       P.major_category AS "MAJOR_CATEGORY", P.sub_category AS "SUB_CATEGORY",
+       P.product_mgmt_objid AS "PRODUCT_MGMT_OBJID", P.upg_no AS "UPG_NO",
+       P.change_type AS "CHANGE_TYPE", P.change_option AS "CHANGE_OPTION",
+       P.eo_no AS "EO_NO", P.eo_date AS "EO_DATE",
+       P.design_apply_point AS "DESIGN_APPLY_POINT",
+       P.design_date AS "DESIGN_DATE",
+       P.management_flag AS "MANAGEMENT_FLAG",
+       P.supply_code AS "SUPPLY_CODE",
+       P.sub_material AS "SUB_MATERIAL",
+       P.writer AS "WRITER"
+     FROM part_mng P WHERE P.objid = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/product/part/excel-save/route.ts b/src/app/api/product/part/excel-save/route.ts
new file mode 100644
index 0000000..1c70c8b
--- /dev/null
+++ b/src/app/api/product/part/excel-save/route.ts
@@ -0,0 +1,80 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+interface PartRow {
+  part_no?: string;
+  part_name?: string;
+  qty?: string;
+  material?: string;
+  spec?: string;
+  post_processing?: string;
+  maker?: string;
+  part_type?: string;
+  remark?: string;
+}
+
+// PART 엑셀 업로드 저장 (partMng.partUploadSave 대응 단순화)
+// - 파싱된 행들을 part_mng에 일괄 INSERT (status='create', is_last='Y')
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const parts: PartRow[] = Array.isArray(body.parts) ? body.parts : [];
+  if (parts.length === 0) {
+    return NextResponse.json({ success: false, message: "저장할 데이터가 없습니다." }, { status: 400 });
+  }
+
+  // 품번 중복 체크 (문서 내)
+  const seen = new Set<string>();
+  const dups: string[] = [];
+  parts.forEach((p) => {
+    const n = String(p.part_no || "").trim();
+    if (!n) return;
+    if (seen.has(n)) dups.push(n);
+    else seen.add(n);
+  });
+  if (dups.length > 0) {
+    return NextResponse.json({
+      success: false,
+      message: `문서내 중복 품번: ${Array.from(new Set(dups)).join(", ")}`,
+    }, { status: 400 });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    let inserted = 0;
+    for (let i = 0; i < parts.length; i++) {
+      const p = parts[i];
+      const partNo = String(p.part_no || "").trim();
+      const partName = String(p.part_name || "").trim();
+      if (!partNo || !partName) continue;
+
+      await client.query(
+        `INSERT INTO part_mng (objid, part_no, part_name, qty, material, spec,
+           post_processing, maker, part_type, remark,
+           status, revision, is_last, writer, reg_date, excel_upload_seq)
+         VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10,'create','0','Y',$11,now(),$12)`,
+        [
+          createObjectId(), partNo, partName,
+          String(p.qty || ""), String(p.material || ""), String(p.spec || ""),
+          String(p.post_processing || ""), String(p.maker || ""),
+          String(p.part_type || ""), String(p.remark || ""),
+          user.userId, String(i + 1),
+        ],
+      );
+      inserted++;
+    }
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: `${inserted}건이 등록되었습니다.` });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("Part excel save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/product/part/route.ts b/src/app/api/product/part/route.ts
new file mode 100644
index 0000000..28f3806
--- /dev/null
+++ b/src/app/api/product/part/route.ts
@@ -0,0 +1,145 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// product/part - PART 등록(temp)/조회(release) 공용
+// - mode: "register" → partMng.partMngTempList (status IN create/changing)
+// - 기본 → partMng.partMngGridList (status = release)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const mode = String(body.mode || "").toLowerCase();
+  const isRegister = mode === "register";
+
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (isRegister) {
+    conditions.push(`P.status IN ('create','changing')`);
+  } else {
+    conditions.push(`P.status = 'release'`);
+    // 원본: SEARCH_REVISION_RELEASE="1" 일 때만 is_last='1' 필터 (기본 "0"/"" 은 전체 조회)
+    const rev = String(body.SEARCH_REVISION_RELEASE ?? "");
+    if (rev === "1" || rev === "Y") {
+      conditions.push(`P.is_last = '1'`);
+    }
+  }
+
+  if (body.SEARCH_PART_NO) {
+    conditions.push(`UPPER(P.part_no) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.SEARCH_PART_NO);
+  }
+  if (body.SEARCH_PART_NAME) {
+    conditions.push(`UPPER(P.part_name) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.SEARCH_PART_NAME);
+  }
+  if (body.SEARCH_MATERIAL) {
+    conditions.push(`UPPER(P.material) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.SEARCH_MATERIAL);
+  }
+  if (body.SEARCH_SPEC) {
+    conditions.push(`UPPER(P.spec) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.SEARCH_SPEC);
+  }
+  if (body.SEARCH_PART_TYPE) {
+    conditions.push(`P.part_type = $${idx++}`);
+    params.push(body.SEARCH_PART_TYPE);
+  }
+  if (body.SEARCH_YEAR) {
+    conditions.push(`TO_CHAR(P.reg_date, 'YYYY') = $${idx++}`);
+    params.push(String(body.SEARCH_YEAR));
+  }
+  if (body.WRITER) {
+    conditions.push(`P.writer = $${idx++}`);
+    params.push(body.WRITER);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      ROW_NUMBER() OVER (
+        ORDER BY P.part_no,
+          (CASE WHEN P.revision LIKE 'RE%' THEN 0 ELSE 1 END) DESC,
+          P.revision DESC
+      ) AS "NUM",
+      ROW_NUMBER() OVER (
+        ORDER BY P.excel_upload_seq NULLS LAST, P.part_no
+      ) AS "RNUM",
+      P.objid::text AS "OBJID",
+      P.part_no AS "PART_NO",
+      P.part_name AS "PART_NAME",
+      -- partMngTempGridList: PARENT_PART_INFO = Q.PARENT_PART_NO 기반 PART_NO
+      (SELECT part_no FROM part_mng SP WHERE SP.objid = Q.parent_part_no) AS "PARENT_PART_INFO",
+      -- BOM_QTY: PART_TYPE='0000063' 이면 '1', 아니면 bom_part_qty 합계
+      CASE
+        WHEN P.part_type = '0000063' THEN '1'
+        ELSE COALESCE(
+          (SELECT SUM(CASE WHEN QTY = '' THEN 0 ELSE COALESCE(QTY,'0')::NUMERIC END)::text
+             FROM bom_part_qty Q2 WHERE Q2.last_part_objid = P.objid),
+          ''
+        )
+      END AS "BOM_QTY",
+      -- 원본 Q_QTY 로직 (partMngTempGridList 2250-2255)
+      CASE
+        WHEN Q.status = 'deploy' THEN Q.qty
+        WHEN (Q.qty_temp IS NULL OR Q.qty_temp = '') THEN COALESCE(Q.qty, P.qty::text)
+        ELSE COALESCE(Q.qty_temp, P.qty::text)
+      END AS "Q_QTY",
+      Q.bom_report_objid AS "BOM_REPORT_OBJID",
+      Q.objid::text AS "OBJID_QTY",
+      Q.child_objid AS "CHILD_OBJID",
+      Q.qty AS "QTY",
+      Q.qty_temp AS "QTY_TEMP",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '3D_CAD') AS "CU01_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_DRAWING_CAD') AS "CU02_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = P.objid::text AND doc_type = '2D_PDF_CAD') AS "CU03_CNT",
+      P.material AS "MATERIAL",
+      P.spec AS "SPEC",
+      P.post_processing AS "POST_PROCESSING",
+      P.maker AS "MAKER",
+      P.major_category AS "MAJOR_CATEGORY",
+      P.sub_category AS "SUB_CATEGORY",
+      P.revision AS "REVISION",
+      P.eo_no AS "EO_NO",
+      P.eo_date AS "EO_DATE",
+      P.part_type AS "PART_TYPE",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = P.part_type LIMIT 1), '') AS "PART_TYPE_TITLE",
+      P.remark AS "REMARK",
+      P.status AS "STATUS",
+      P.is_last AS "IS_LAST",
+      P.is_longd AS "IS_LONGD",
+      P.change_type AS "CHANGE_TYPE",
+      P.change_option AS "CHANGE_OPTION",
+      P.code1 AS "CODE1",
+      P.code2 AS "CODE2",
+      P.code3 AS "CODE3",
+      P.code4 AS "CODE4",
+      P.code5 AS "CODE5",
+      P.writer AS "WRITER",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = P.writer LIMIT 1), '') AS "WRITER_NAME",
+      TO_CHAR(P.reg_date, 'YYYY-MM-DD') AS "REG_DATE"
+    FROM part_mng P
+      -- 원본 partMngTempGridList JOIN: changing 파트의 deployed 형제(같은 PART_NO)가 사용된 BOM_PART_QTY(beforeEdit) 매핑
+      LEFT OUTER JOIN bom_part_qty Q
+        ON P.objid IN (
+             SELECT DISTINCT PM1.objid
+               FROM part_mng PM1, part_mng PM2
+              WHERE PM1.status = 'changing'
+                AND PM2.status != 'changing'
+                AND PM2.objid = Q.part_no
+                AND PM1.part_no = PM2.part_no
+           )
+       AND Q.status IN ('beforeEdit')
+    WHERE ${where}
+    ORDER BY P.part_no,
+      (CASE WHEN P.revision LIKE 'RE%' THEN 0 ELSE 1 END) DESC,
+      P.revision DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/product/part/save/route.ts b/src/app/api/product/part/save/route.ts
new file mode 100644
index 0000000..8d4f405
--- /dev/null
+++ b/src/app/api/product/part/save/route.ts
@@ -0,0 +1,120 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// partMng save - partMngFormPopUp.jsp + partMngDetailPopUp.jsp fn_save() 대응
+// actionType: "regist" | "update" | "changeDesign"
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const actionType = String(body.actionType || "");
+  const isNew = actionType === "regist" || !body.OBJID;
+  const isChangeDesign = actionType === "changeDesign";
+  // 신규 등록도 클라이언트가 OBJID를 미리 만들어 보낸 경우 그대로 사용 (파일 사전 업로드 지원)
+  const objId = isNew ? (String(body.OBJID || "") || createObjectId()) : String(body.OBJID);
+
+  const params: (string | null)[] = [
+    objId,
+    body.PART_NO || "", body.PART_NAME || "", body.UNIT || "", body.QTY || "",
+    body.SPEC || "", body.MATERIAL || "", body.WEIGHT || "",
+    body.PART_TYPE || "", body.MAKER || "", body.POST_PROCESSING || "", body.REMARK || "",
+    body.THICKNESS || "", body.WIDTH || "", body.HEIGHT || "",
+    body.OUT_DIAMETER || "", body.IN_DIAMETER || "", body.LENGTH || "",
+    body.MAJOR_CATEGORY || "", body.SUB_CATEGORY || "",
+    body.PRODUCT_MGMT_OBJID || null, body.UPG_NO || null,
+    body.CHANGE_TYPE || null, body.CHANGE_OPTION || null, body.REVISION || "",
+    body.DESIGN_APPLY_POINT || null, body.DESIGN_DATE || null,
+    body.MANAGEMENT_FLAG || null, body.SUPPLY_CODE || null, body.SUB_MATERIAL || "",
+  ];
+
+  try {
+    if (isNew) {
+      await execute(
+        `INSERT INTO part_mng (
+          objid, part_no, part_name, unit, qty, spec, material, weight,
+          part_type, maker, post_processing, remark,
+          thickness, width, height, out_diameter, in_diameter, length,
+          major_category, sub_category,
+          product_mgmt_objid, upg_no,
+          change_type, change_option, revision,
+          design_apply_point, design_date, management_flag, supply_code, sub_material,
+          status, is_last, writer, reg_date
+        ) VALUES (
+          $1,$2,$3,$4,$5,$6,$7,$8,
+          $9,$10,$11,$12,
+          $13,$14,$15,$16,$17,$18,
+          $19,$20,
+          $21,$22,
+          $23,$24,$25,
+          $26,$27,$28,$29,$30,
+          'create','1',$31,NOW()
+        )`,
+        [...params, user.userId],
+      );
+    } else if (isChangeDesign) {
+      // 설계변경: 기존 레코드를 'changing' 상태로 마크하고 신규 OBJID로 새 버전 생성
+      const newObjId = createObjectId();
+      await execute(`UPDATE part_mng SET is_last = '0', status = 'changing' WHERE objid = $1`, [objId]);
+      await execute(
+        `INSERT INTO part_mng (
+           objid, part_no, part_name, unit, qty, spec, material, weight,
+           part_type, maker, post_processing, remark,
+           thickness, width, height, out_diameter, in_diameter, length,
+           major_category, sub_category,
+           product_mgmt_objid, upg_no,
+           change_type, change_option, revision,
+           design_apply_point, design_date, management_flag, supply_code, sub_material,
+           status, is_last, writer, reg_date
+         )
+         SELECT $1, part_no, part_name, $4, $5, $6, $7, $8,
+                $9, $10, $11, $12,
+                $13, $14, $15, $16, $17, $18,
+                $19, $20, $21, $22, $23, $24,
+                COALESCE(revision, 'RE') || (
+                  (COALESCE((SELECT COUNT(*) FROM part_mng WHERE part_no = PM.part_no), 0) + 1)::text
+                ),
+                $26, $27, $28, $29, $30,
+                'changing', '1', $31, NOW()
+           FROM part_mng PM WHERE objid = $2`,
+        [
+          newObjId, objId, params[1], params[3], params[4], params[5], params[6], params[7],
+          params[8], params[9], params[10], params[11], params[12], params[13], params[14],
+          params[15], params[16], params[17], params[18], params[19], params[20], params[21],
+          params[22], params[23], "auto",
+          params[25], params[26], params[27], params[28], params[29],
+          user.userId,
+        ],
+      );
+      return NextResponse.json({ success: true, objId: newObjId, message: "설계변경 등록되었습니다." });
+    } else {
+      await execute(
+        `UPDATE part_mng SET
+          part_no=$2, part_name=$3, unit=$4, qty=$5,
+          spec=$6, material=$7, weight=$8,
+          part_type=$9, maker=$10, post_processing=$11, remark=$12,
+          thickness=$13, width=$14, height=$15,
+          out_diameter=$16, in_diameter=$17, length=$18,
+          major_category=$19, sub_category=$20,
+          product_mgmt_objid=$21, upg_no=$22,
+          change_type=$23, change_option=$24, revision=$25,
+          design_apply_point=$26, design_date=$27,
+          management_flag=$28, supply_code=$29, sub_material=$30,
+          edit_date=NOW()
+        WHERE objid=$1`,
+        params,
+      );
+    }
+
+    return NextResponse.json({
+      success: true,
+      objId,
+      message: isNew ? "등록되었습니다." : "수정되었습니다.",
+    });
+  } catch (e) {
+    console.error("Part save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/product/part/search/route.ts b/src/app/api/product/part/search/route.ts
new file mode 100644
index 0000000..1860e2e
--- /dev/null
+++ b/src/app/api/product/part/search/route.ts
@@ -0,0 +1,53 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 구조등록 우측 PART 검색 (원본: partMng/getPartMngList_ajax.do)
+// 최신 Part (is_last='1') 기준으로 품번/품명/규격/MAKER 검색
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json([]);
+
+  const body = await request.json();
+  const conditions: string[] = ["P.status = 'release'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (String(body.is_last ?? "1") === "1") {
+    conditions.push(`P.is_last = '1'`);
+  }
+  if (body.search_part_no) {
+    conditions.push(`UPPER(P.part_no) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.search_part_no);
+  }
+  if (body.search_part_name) {
+    conditions.push(`UPPER(P.part_name) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.search_part_name);
+  }
+  if (body.search_spec) {
+    conditions.push(`UPPER(P.spec) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.search_spec);
+  }
+  if (body.search_maker) {
+    conditions.push(`UPPER(P.maker) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.search_maker);
+  }
+
+  const where = conditions.join(" AND ");
+  const rows = await queryRows(
+    `SELECT P.objid::text AS "OBJID",
+       P.part_no AS "PART_NO",
+       P.part_name AS "PART_NAME",
+       P.spec AS "SPEC",
+       P.maker AS "MAKER",
+       P.material AS "MATERIAL",
+       P.revision AS "REVISION",
+       P.part_type AS "PART_TYPE"
+     FROM part_mng P
+     WHERE ${where}
+     ORDER BY P.part_no
+`,
+    params,
+  );
+  return NextResponse.json(rows);
+}
diff --git a/src/app/api/product/spec/route.ts b/src/app/api/product/spec/route.ts
new file mode 100644
index 0000000..69726b0
--- /dev/null
+++ b/src/app/api/product/spec/route.ts
@@ -0,0 +1,45 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 사양관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.spec_name) {
+    conditions.push(`PS.spec_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.spec_name);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT PS.objid::text AS "OBJID",
+       CM.contract_no AS "PROJECT_NO",
+       CM.project_name AS "PROJECT_NAME",
+       PS.spec_name AS "SPEC_NAME",
+       PS.spec_value AS "SPEC_VALUE",
+       PS.unit AS "UNIT",
+       PS.remark AS "REMARK",
+       TO_CHAR(PS.reg_date, 'YYYY-MM-DD') AS "REG_DATE",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = PS.writer LIMIT 1), '') AS "REG_USER_NAME"
+     FROM product_spec PS
+     LEFT JOIN contract_mgmt CM ON CM.objid::text = PS.contract_objid
+     WHERE ${where}
+     ORDER BY PS.reg_date DESC
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/product/spec/save/route.ts b/src/app/api/product/spec/save/route.ts
new file mode 100644
index 0000000..8f1ba2e
--- /dev/null
+++ b/src/app/api/product/spec/save/route.ts
@@ -0,0 +1,31 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 사양 저장
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : body.objId;
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO product_spec (objid, contract_objid, spec_name, spec_value, unit, remark, writer, reg_date)
+       VALUES ($1, $2, $3, $4, $5, $6, $7, now())
+       ON CONFLICT (objid) DO UPDATE SET
+        spec_name=EXCLUDED.spec_name, spec_value=EXCLUDED.spec_value,
+        unit=EXCLUDED.unit, remark=EXCLUDED.remark`,
+      [objId, body.contract_objid || body.project_no || "",
+       body.spec_name || "", body.spec_value || "",
+       body.unit || "", body.remark || "", user.userId]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Spec save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/production/assembly-list/route.ts b/src/app/api/production/assembly-list/route.ts
new file mode 100644
index 0000000..81b4248
--- /dev/null
+++ b/src/app/api/production/assembly-list/route.ts
@@ -0,0 +1,113 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 조립 리스트 조회 (part_bom_report.objid 기준)
+// body: { bomReportObjid }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const bomObjid = String(body.bomReportObjid || "");
+  if (!bomObjid) return NextResponse.json({ RESULTLIST: [], HEADER: {} });
+
+  // 헤더: 프로젝트 + 유닛 정보
+  const header = await queryOne(
+    `SELECT T.objid::text AS "OBJID",
+            T.contract_objid AS "CONTRACT_OBJID",
+            T.unit_code AS "UNIT_CODE",
+            (SELECT project_no FROM project_mgmt WHERE objid = T.contract_objid) AS "PROJECT_NO",
+            (SELECT project_name FROM project_mgmt WHERE objid = T.contract_objid) AS "PROJECT_NAME",
+            (SELECT supply_name FROM supply_mng WHERE objid::varchar = T.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+            (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = T.unit_code LIMIT 1) AS "UNIT_NAME"
+       FROM part_bom_report T
+      WHERE T.objid = $1`,
+    [bomObjid],
+  );
+
+  // 조립 리스트: bom_part_qty + part_mng + assembly_wbs_task
+  //   + 입고예정일/입고일 (arrival_plan, part_objid)
+  //   + 입고결과 (inventory_mgmt_in × inventory_mgmt)
+  //   + 인수수량 (inventory_mgmt_out × inventory_mgmt)
+  //   + 발주수량 (purchase_order_master × purchase_order_part)
+  const rows = await queryRows(
+    `SELECT BP.objid::text AS "BOM_PART_QTY_OBJID",
+            BP.child_objid AS "CHILD_OBJID",
+            COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no) AS "PART_OBJID",
+            PM.part_no AS "PART_NO",
+            COALESCE(PM.part_name, '') AS "PART_NAME",
+            COALESCE(PM.material, '') AS "MATERIAL",
+            COALESCE(PM.spec, '') AS "SPEC",
+            COALESCE(PM.maker, '') AS "MAKER",
+            COALESCE(PM.revision, '') AS "REVISION",
+            COALESCE(PM.eo_no, '') AS "EO_NO",
+            COALESCE(PM.eo_date, '') AS "EO_DATE",
+            COALESCE((SELECT code_name FROM comm_code WHERE code_id = PM.part_type LIMIT 1), '') AS "PART_TYPE_TITLE",
+            COALESCE(PM.part_type, '') AS "PART_TYPE",
+            COALESCE(NULLIF(BP.qty,''), '') AS "QTY",
+            A.objid::text AS "ASSEMBLY_OBJID",
+            COALESCE(A.assembly_user_id, '') AS "ASSEMBLY_USER_ID",
+            COALESCE((SELECT user_name FROM user_info WHERE user_id = A.assembly_user_id LIMIT 1), A.assembly_user_id, '') AS "ASSEMBLY_USER_NAME",
+            COALESCE(A.assembly_date, '') AS "ASSEMBLY_DATE",
+            COALESCE(A.insourcing, '') AS "INSOURCING",
+            COALESCE(A.outsourcing, '') AS "OUTSOURCING",
+            -- 입고예정일 (최대 3개)
+            COALESCE((
+              SELECT ARRAY_TO_STRING(ARRAY_AGG(arrival_plan_date ORDER BY arrival_plan_date), ',')
+                FROM (SELECT DISTINCT arrival_plan_date FROM arrival_plan AP
+                       WHERE AP.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+                         AND COALESCE(arrival_plan_date,'') <> ''
+                       ORDER BY arrival_plan_date LIMIT 3) t
+            ), '') AS "ARRIVAL_PLAN_DATES",
+            -- 입고일 (최대 3개)
+            COALESCE((
+              SELECT ARRAY_TO_STRING(ARRAY_AGG(receipt_date ORDER BY receipt_date), ',')
+                FROM (SELECT DISTINCT receipt_date FROM arrival_plan AP
+                       WHERE AP.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+                         AND COALESCE(receipt_date,'') <> ''
+                       ORDER BY receipt_date LIMIT 3) t
+            ), '') AS "RECEIPT_DATES",
+            -- 입고결과 (RECEIPT_QTY - MOVE_QTY 합계)
+            COALESCE((
+              SELECT SUM(
+                  COALESCE(NULLIF(IMI.receipt_qty,'')::integer, 0)
+                - COALESCE(NULLIF(IMI.move_qty,'')::integer, 0))
+                FROM inventory_mgmt_in IMI
+                JOIN inventory_mgmt IM ON IMI.parent_objid = IM.objid
+               WHERE IMI.contract_mgmt_objid = (SELECT contract_objid FROM part_bom_report WHERE objid = $1)
+                 AND IM.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+            ), 0) AS "DELIVERY_QTY",
+            -- 발주수량 (구매품표준용)
+            COALESCE((
+              SELECT SUM(COALESCE(NULLIF(POP.order_qty,'')::numeric, 0))
+                FROM purchase_order_master POM
+                JOIN purchase_order_part POP ON POM.objid = POP.purchase_order_master_objid
+               WHERE POM.contract_mgmt_objid = (SELECT contract_objid FROM part_bom_report WHERE objid = $1)
+                 AND POP.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+            ), 0) AS "ORDER_QTY",
+            -- 인수수량 (unit 단위)
+            COALESCE((
+              SELECT SUM(COALESCE(NULLIF(IMO.out_qty,'')::integer, 0))
+                FROM inventory_mgmt_out IMO
+                JOIN inventory_mgmt IM ON IMO.parent_objid = IM.objid
+               WHERE IMO.contract_mgmt_objid = (SELECT contract_objid FROM part_bom_report WHERE objid = $1)
+                 AND IMO.unit = (SELECT unit_code FROM part_bom_report WHERE objid = $1)
+                 AND IM.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+            ), 0) AS "RECEIVE_QTY"
+       FROM bom_part_qty BP
+       LEFT JOIN part_mng PM
+              ON COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no) = PM.objid::varchar
+       LEFT JOIN assembly_wbs_task A
+              ON A.parent_objid = BP.bom_report_objid
+             AND A.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+             AND A.bom_qty_child_objid = BP.child_objid
+      WHERE BP.bom_report_objid = $1
+        AND PM.part_type IS NOT NULL AND PM.part_type <> ''
+        AND BP.status IN ('beforeEdit','editing','deleting','deploy')
+      ORDER BY PM.part_no`,
+    [bomObjid],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, HEADER: header || {} });
+}
diff --git a/src/app/api/production/assembly-save/route.ts b/src/app/api/production/assembly-save/route.ts
new file mode 100644
index 0000000..2e5fc03
--- /dev/null
+++ b/src/app/api/production/assembly-save/route.ts
@@ -0,0 +1,69 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 조립 저장 (UPSERT to assembly_wbs_task)
+// body: { parentObjid (part_bom_report.objid), rows: [{ ASSEMBLY_OBJID?, PART_OBJID, CHILD_OBJID, ASSEMBLY_USER_ID, ASSEMBLY_DATE, INSOURCING, OUTSOURCING }] }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const parentObjid = String(body.parentObjid || "");
+  const rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+  if (!parentObjid) return NextResponse.json({ success: false, message: "parentObjid 누락" }, { status: 400 });
+
+  try {
+    for (const r of rows) {
+      const partObjid = String(r.PART_OBJID || "");
+      const childObjid = String(r.CHILD_OBJID || "");
+      const existingObjid = String(r.ASSEMBLY_OBJID || "");
+      const userId = String(r.ASSEMBLY_USER_ID || "");
+      const date = String(r.ASSEMBLY_DATE || "");
+      const insourcing = String(r.INSOURCING || "");
+      const outsourcing = String(r.OUTSOURCING || "");
+
+      if (!partObjid) continue;
+
+      if (existingObjid) {
+        await execute(
+          `UPDATE assembly_wbs_task SET
+             assembly_user_id = $1, assembly_date = $2,
+             insourcing = $3, outsourcing = $4
+           WHERE objid = $5`,
+          [userId, date, insourcing, outsourcing, existingObjid],
+        );
+      } else {
+        // 기존 레코드 재확인 (race condition 대비)
+        const existing = await queryOne<{ OBJID: string }>(
+          `SELECT objid AS "OBJID" FROM assembly_wbs_task
+            WHERE parent_objid = $1 AND part_objid = $2 AND bom_qty_child_objid = $3
+            LIMIT 1`,
+          [parentObjid, partObjid, childObjid],
+        );
+        if (existing) {
+          await execute(
+            `UPDATE assembly_wbs_task SET
+               assembly_user_id = $1, assembly_date = $2,
+               insourcing = $3, outsourcing = $4
+             WHERE objid = $5`,
+            [userId, date, insourcing, outsourcing, existing.OBJID],
+          );
+        } else {
+          await execute(
+            `INSERT INTO assembly_wbs_task
+               (objid, parent_objid, part_objid, bom_qty_child_objid,
+                assembly_user_id, assembly_date, insourcing, outsourcing)
+             VALUES ($1, $2, $3, $4, $5, $6, $7, $8)`,
+            [createObjectId(), parentObjid, partObjid, childObjid, userId, date, insourcing, outsourcing],
+          );
+        }
+      }
+    }
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    console.error("assembly save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/production/inspection-file-counts/route.ts b/src/app/api/production/inspection-file-counts/route.ts
new file mode 100644
index 0000000..3c2f30d
--- /dev/null
+++ b/src/app/api/production/inspection-file-counts/route.ts
@@ -0,0 +1,29 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 검사 체크리스트 행들의 파일 개수 일괄 조회
+// body: { objIds: string[] } → { counts: { [objId]: number } }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objIds: string[] = Array.isArray(body.objIds) ? body.objIds.map(String).filter(Boolean) : [];
+  if (objIds.length === 0) return NextResponse.json({ counts: {} });
+
+  const placeholders = objIds.map((_, i) => `$${i + 1}`).join(",");
+  const rows = await queryRows<{ TARGET: string; CNT: string }>(
+    `SELECT target_objid AS "TARGET", COUNT(1)::text AS "CNT"
+       FROM attach_file_info
+      WHERE target_objid IN (${placeholders})
+        AND doc_type = 'INSPECTION_CHECKLIST_FILE'
+        AND UPPER(COALESCE(status,'')) = 'ACTIVE'
+      GROUP BY target_objid`,
+    objIds,
+  );
+  const counts: Record<string, number> = {};
+  for (const id of objIds) counts[id] = 0;
+  for (const r of rows) counts[String(r.TARGET)] = Number(r.CNT) || 0;
+  return NextResponse.json({ counts });
+}
diff --git a/src/app/api/production/inspection-list/route.ts b/src/app/api/production/inspection-list/route.ts
new file mode 100644
index 0000000..d141ad3
--- /dev/null
+++ b/src/app/api/production/inspection-list/route.ts
@@ -0,0 +1,42 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 검사 리스트 조회 (project_mgmt.objid 기준)
+// body: { contractObjid }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const contractObjid = String(body.contractObjid || "");
+  if (!contractObjid) return NextResponse.json({ RESULTLIST: [], HEADER: {} });
+
+  const header = await queryOne(
+    `SELECT objid::text AS "OBJID",
+            project_no AS "PROJECT_NO",
+            project_name AS "PROJECT_NAME",
+            (SELECT supply_name FROM supply_mng WHERE objid::text = customer_objid LIMIT 1) AS "CUSTOMER_NAME"
+       FROM project_mgmt WHERE objid = $1`,
+    [contractObjid],
+  );
+
+  const rows = await queryRows(
+    `SELECT I.objid::text AS "OBJID",
+            I.parent_objid AS "PARENT_OBJID",
+            I.unit_code AS "UNIT_CODE",
+            I.internal_inspection_date AS "INTERNAL_INSPECTION_DATE",
+            I.internal_inspection_result AS "INTERNAL_INSPECTION_RESULT",
+            I.internal_inspection_id AS "INTERNAL_INSPECTION_ID",
+            COALESCE((SELECT COUNT(1) FROM attach_file_info
+                       WHERE target_objid = I.objid
+                         AND doc_type = 'INSPECTION_CHECKLIST_FILE'
+                         AND UPPER(COALESCE(status,'')) = 'ACTIVE'), 0) AS "CL01_CNT"
+       FROM inspection_mgmt I
+      WHERE I.parent_objid = $1
+      ORDER BY I.regdate`,
+    [contractObjid],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, HEADER: header || {} });
+}
diff --git a/src/app/api/production/inspection-save/route.ts b/src/app/api/production/inspection-save/route.ts
new file mode 100644
index 0000000..85c3985
--- /dev/null
+++ b/src/app/api/production/inspection-save/route.ts
@@ -0,0 +1,60 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 검사 저장 (inspection_mgmt UPSERT + 삭제)
+// body: { parentObjid, rows: [{OBJID, UNIT_CODE, INTERNAL_INSPECTION_DATE, INTERNAL_INSPECTION_RESULT, INTERNAL_INSPECTION_ID}], deleteIds: string[] }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const parentObjid = String(body.parentObjid || "");
+  const rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+  const deleteIds: string[] = Array.isArray(body.deleteIds) ? body.deleteIds.map(String).filter(Boolean) : [];
+
+  if (!parentObjid) return NextResponse.json({ success: false, message: "parentObjid 누락" }, { status: 400 });
+
+  try {
+    for (const id of deleteIds) {
+      await execute(`DELETE FROM inspection_mgmt WHERE objid = $1`, [id]);
+      // 첨부파일도 제거
+      await execute(
+        `UPDATE attach_file_info SET status = 'inactive'
+           WHERE target_objid = $1 AND doc_type = 'INSPECTION_CHECKLIST_FILE'`,
+        [id],
+      );
+    }
+
+    for (const r of rows) {
+      const objId = String(r.OBJID || "");
+      if (!objId) continue;
+      await execute(
+        `INSERT INTO inspection_mgmt
+           (objid, parent_objid, unit_code,
+            internal_inspection_date, internal_inspection_result, internal_inspection_id,
+            regdate, writer)
+         VALUES ($1, $2, $3, $4, $5, $6, NOW(), $7)
+         ON CONFLICT (objid) DO UPDATE SET
+           parent_objid = EXCLUDED.parent_objid,
+           unit_code = EXCLUDED.unit_code,
+           internal_inspection_date = EXCLUDED.internal_inspection_date,
+           internal_inspection_result = EXCLUDED.internal_inspection_result,
+           internal_inspection_id = EXCLUDED.internal_inspection_id`,
+        [
+          objId,
+          parentObjid,
+          String(r.UNIT_CODE || ""),
+          String(r.INTERNAL_INSPECTION_DATE || ""),
+          String(r.INTERNAL_INSPECTION_RESULT || ""),
+          String(r.INTERNAL_INSPECTION_ID || ""),
+          user.userId,
+        ],
+      );
+    }
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    console.error("inspection save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/production/inspection/detail/route.ts b/src/app/api/production/inspection/detail/route.ts
new file mode 100644
index 0000000..3cfdf16
--- /dev/null
+++ b/src/app/api/production/inspection/detail/route.ts
@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT CM.objid::text AS "OBJID", CM.contract_no AS "PROJECT_NO",
+       CM.project_name AS "PROJECT_NAME",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1), '') AS "INSPECTION_TYPE_NAME",
+       CM.contract_del_date AS "INSPECTION_DATE",
+       CM.product AS "PRODUCT", CM.facility_qty AS "QTY",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = CM.pm_user_id LIMIT 1), '') AS "WRITER_NAME"
+     FROM contract_mgmt CM WHERE CM.objid::text = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/production/inspection/route.ts b/src/app/api/production/inspection/route.ts
new file mode 100644
index 0000000..d3a9768
--- /dev/null
+++ b/src/app/api/production/inspection/route.ts
@@ -0,0 +1,61 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리_검사관리 (inspectionGridList 원본 1:1 포팅)
+// 주 테이블: project_mgmt
+// INSPECTION_CNT = inspection_mgmt.parent_objid 카운트
+// ADMISSION_INSPECTION_CNT = attach_file_info(ADMISSION_INSPECTION_FILE) 카운트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      COALESCE((SELECT COUNT(1) FROM inspection_mgmt WHERE parent_objid = T.objid::text), 0) AS "INSPECTION_CNT",
+      COALESCE((SELECT COUNT(1) FROM attach_file_info
+                 WHERE target_objid = T.objid::text
+                   AND doc_type = 'ADMISSION_INSPECTION_FILE'
+                   AND UPPER(COALESCE(status,'')) = 'ACTIVE'), 0) AS "ADMISSION_INSPECTION_CNT"
+    FROM project_mgmt T
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/production/inspection/save/route.ts b/src/app/api/production/inspection/save/route.ts
new file mode 100644
index 0000000..882a21c
--- /dev/null
+++ b/src/app/api/production/inspection/save/route.ts
@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 검사결과 저장 (assembly_wbs_task.receive_qty 업데이트)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const client = await pool.connect();
+  try {
+    // parent_objid(contract)의 assembly_wbs_task들에 receive_qty 업데이트
+    if (body.assembly_wbs_objid) {
+      await client.query(
+        `UPDATE assembly_wbs_task SET
+          receive_qty = $1, assembly_date = $2, assembly_user_id = $3
+         WHERE objid = $4`,
+        [body.receive_qty || "", body.assembly_date || null,
+         body.assembly_user_id || user.userId, body.assembly_wbs_objid]
+      );
+    } else if (body.parent_objid) {
+      // 프로젝트 단위 검사 완료 처리 — 신규 assembly_wbs_task 레코드 생성
+      const objId = createObjectId();
+      await client.query(
+        `INSERT INTO assembly_wbs_task (objid, parent_objid, receive_qty,
+          assembly_date, assembly_user_id, writer, reg_date)
+         VALUES ($1, $2, $3, $4, $5, $6, now())`,
+        [objId, body.parent_objid, body.receive_qty || "",
+         body.assembly_date || null, body.assembly_user_id || user.userId,
+         user.userId]
+      );
+    }
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    console.error("Inspection save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/production/issue/route.ts b/src/app/api/production/issue/route.ts
new file mode 100644
index 0000000..658a2fd
--- /dev/null
+++ b/src/app/api/production/issue/route.ts
@@ -0,0 +1,132 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리_이슈관리 (selectPlanningIssueList 원본 1:1 포팅)
+// 주 테이블: planning_issue
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year || body.Year) {
+    conditions.push(`TO_CHAR(T.reg_date, 'YYYY') = $${idx++}`);
+    params.push(String(body.year || body.Year));
+  }
+  if (body.project_no) {
+    conditions.push(`(SELECT project_no FROM project_mgmt WHERE objid = T.project_objid) LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.project_objid) {
+    conditions.push(`T.project_objid = $${idx++}`);
+    params.push(body.project_objid);
+  }
+  if (body.unit_code) {
+    conditions.push(`T.unit_code = $${idx++}`);
+    params.push(body.unit_code);
+  }
+  if (body.issue_category) {
+    conditions.push(`T.issue_category = $${idx++}`);
+    params.push(body.issue_category);
+  }
+  if (body.issue_type) {
+    conditions.push(`T.issue_type = $${idx++}`);
+    params.push(body.issue_type);
+  }
+  // status 파라미터 (현황에서 all/complete/late 호출 호환)
+  if (body.status) {
+    const s = String(body.status);
+    if (s === "all") conditions.push(`T.status <> 'write'`);
+    else if (s === "complete") conditions.push(`T.status = 'release' AND COALESCE(T.design_result,'') <> '' AND COALESCE(T.design_date,'') <> '' AND COALESCE(T.design_userid,'') <> ''`);
+    else if (s === "late") conditions.push(`T.status = 'release' AND (COALESCE(T.design_date,'') = '' OR COALESCE(T.design_userid,'') = '' OR COALESCE(T.design_result,'') = '')`);
+    else if (s === "write") conditions.push(`T.status = 'write'`);
+    else if (s === "release") conditions.push(`T.status = 'release'`);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.objid::text AS "OBJID",
+      T.issue_no AS "ISSUE_NO",
+      T.project_objid AS "PROJECT_OBJID",
+      (SELECT project_no FROM project_mgmt WHERE objid = T.project_objid) AS "PROJECT_NO",
+      T.unit_code AS "UNIT_CODE",
+      (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = T.unit_code LIMIT 1) AS "UNIT_CODE_NAME",
+      T.part_objid AS "PART_OBJID",
+      (SELECT part_no FROM part_mng WHERE objid::varchar = T.part_objid LIMIT 1) AS "PART_NO",
+      (SELECT part_name FROM part_mng WHERE objid::varchar = T.part_objid LIMIT 1) AS "PART_NAME",
+      T.issue_category AS "ISSUE_CATEGORY",
+      (SELECT code_name FROM comm_code WHERE code_id = T.issue_category LIMIT 1) AS "ISSUE_CATEGORY_NAME",
+      T.issue_type AS "ISSUE_TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = T.issue_type LIMIT 1) AS "ISSUE_TYPE_NAME",
+      T.content AS "CONTENT",
+      T.design_userid AS "DESIGN_USERID",
+      (SELECT user_name FROM user_info WHERE user_id = T.design_userid LIMIT 1) AS "DESIGN_USERID_NAME",
+      T.design_result AS "DESIGN_RESULT",
+      (SELECT code_name FROM comm_code WHERE code_id = T.design_result LIMIT 1) AS "DESIGN_RESULT_NAME",
+      T.design_date AS "DESIGN_DATE",
+      T.purchase_userid AS "PURCHASE_USERID",
+      (SELECT user_name FROM user_info WHERE user_id = T.purchase_userid LIMIT 1) AS "PURCHASE_USERID_NAME",
+      T.purchase_result AS "PURCHASE_RESULT",
+      T.purchase_date AS "PURCHASE_DATE",
+      T.quality_userid AS "QUALITY_USERID",
+      (SELECT user_name FROM user_info WHERE user_id = T.quality_userid LIMIT 1) AS "QUALITY_USERID_NAME",
+      T.quality_result AS "QUALITY_RESULT",
+      T.quality_date AS "QUALITY_DATE",
+      T.production_userid AS "PRODUCTION_USERID",
+      (SELECT user_name FROM user_info WHERE user_id = T.production_userid LIMIT 1) AS "PRODUCTION_USERID_NAME",
+      T.production_result AS "PRODUCTION_RESULT",
+      T.production_date AS "PRODUCTION_DATE",
+      T.reg_date AS "REG_DATE",
+      TO_CHAR(T.reg_date, 'YYYY-MM-DD') AS "REG_DATE_TEXT",
+      T.writer AS "WRITER",
+      (SELECT user_name FROM user_info WHERE user_id = T.writer LIMIT 1) AS "WRITER_NAME",
+      T.status AS "STATUS"
+    FROM planning_issue T
+    WHERE ${where}
+    ORDER BY T.issue_no DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+
+  // STATUS_NAME JS 계산 (원본 CASE 로직 이식)
+  const now = new Date();
+  const result = rows.map((r: Record<string, unknown>) => {
+    const s = String(r.STATUS || "");
+    const du = String(r.DESIGN_USERID || "");
+    const dd = String(r.DESIGN_DATE || "");
+    const pu = String(r.PURCHASE_USERID || "");
+    const pd = String(r.PURCHASE_DATE || "");
+    const qu = String(r.QUALITY_USERID || "");
+    const qd = String(r.QUALITY_DATE || "");
+    const ru = String(r.PRODUCTION_USERID || "");
+    const rd = String(r.PRODUCTION_DATE || "");
+
+    const pair = (u: string, d: string) => (u !== "" && d !== "") || (u === "" && d === "");
+    const anyUser = du !== "" || pu !== "" || qu !== "" || ru !== "";
+    const anyTrace = anyUser || dd !== "" || pd !== "" || qd !== "" || rd !== "";
+
+    let statusName: string;
+    if (s === "write") statusName = "등록";
+    else if (s === "release" && pair(du, dd) && pair(pu, pd) && pair(qu, qd) && pair(ru, rd) && anyUser) {
+      statusName = "조치완료";
+    } else if (s === "release" && anyTrace) {
+      statusName = "조치중";
+    } else if (s === "release") {
+      const regDate = r.REG_DATE instanceof Date ? r.REG_DATE : (r.REG_DATE ? new Date(String(r.REG_DATE)) : null);
+      if (regDate) {
+        const limit = new Date(regDate);
+        limit.setDate(limit.getDate() + 5);
+        statusName = now > limit && dd === "" ? "미조치" : "배포";
+      } else statusName = "배포";
+    } else statusName = s;
+
+    return { ...r, STATUS_NAME: statusName };
+  });
+
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/production/issue/save/route.ts b/src/app/api/production/issue/save/route.ts
new file mode 100644
index 0000000..d27df73
--- /dev/null
+++ b/src/app/api/production/issue/save/route.ts
@@ -0,0 +1,108 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 이슈 저장/삭제/배포 (mergeissueInfo + planningDelete + planningRelease 대응)
+// actionType: "regist" | "update" | "delete" | "release"
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const action = String(body.actionType || "");
+
+  // 일괄 삭제 / 배포
+  if (action === "delete" || action === "release") {
+    const objIds: string[] = Array.isArray(body.objIds) ? body.objIds.map(String).filter(Boolean) : [];
+    if (objIds.length === 0) {
+      return NextResponse.json({ success: false, message: "선택된 대상이 없습니다." }, { status: 400 });
+    }
+    try {
+      const placeholders = objIds.map((_, i) => `$${i + 1}`).join(",");
+      if (action === "delete") {
+        await execute(
+          `DELETE FROM planning_issue WHERE objid IN (${placeholders}) AND status = 'write'`,
+          objIds,
+        );
+        return NextResponse.json({ success: true, message: "삭제되었습니다." });
+      }
+      await execute(
+        `UPDATE planning_issue SET status = 'release' WHERE objid IN (${placeholders}) AND status = 'write'`,
+        objIds,
+      );
+      return NextResponse.json({ success: true, message: "배포되었습니다." });
+    } catch (e) {
+      console.error("issue bulk action:", e);
+      return NextResponse.json({ success: false, message: "처리 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  // 단건 저장 (등록/수정)
+  const isNew = !body.objId || action === "regist";
+  const objId = isNew ? createObjectId() : String(body.objId);
+
+  try {
+    // 신규 시 이슈번호 자동 생성
+    let issueNo = body.issue_no || "";
+    if (isNew && !issueNo) {
+      const year = new Date().getFullYear().toString().slice(2);
+      const r = await queryOne<{ seq: number }>(
+        `SELECT COALESCE(MAX(SUBSTR(issue_no, 7)::numeric), 0)::int + 1 AS seq
+           FROM planning_issue WHERE issue_no LIKE $1`,
+        [`ISU${year}-%`],
+      );
+      issueNo = `ISU${year}-${String(r?.seq || 1).padStart(4, "0")}`;
+    }
+
+    await execute(
+      `INSERT INTO planning_issue (
+         objid, issue_no, project_objid, unit_code, part_objid,
+         issue_category, issue_type, content,
+         design_userid, design_result, design_date,
+         purchase_userid, purchase_result, purchase_date,
+         quality_userid, quality_result, quality_date,
+         production_userid, production_result, production_date,
+         status, writer, reg_date
+       ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15, $16, $17, $18, $19, $20, $21, $22, NOW())
+       ON CONFLICT (objid) DO UPDATE SET
+         project_objid = EXCLUDED.project_objid,
+         unit_code = EXCLUDED.unit_code,
+         part_objid = EXCLUDED.part_objid,
+         issue_category = EXCLUDED.issue_category,
+         issue_type = EXCLUDED.issue_type,
+         content = EXCLUDED.content,
+         design_userid = EXCLUDED.design_userid,
+         design_result = EXCLUDED.design_result,
+         design_date = EXCLUDED.design_date,
+         purchase_userid = EXCLUDED.purchase_userid,
+         purchase_result = EXCLUDED.purchase_result,
+         purchase_date = EXCLUDED.purchase_date,
+         quality_userid = EXCLUDED.quality_userid,
+         quality_result = EXCLUDED.quality_result,
+         quality_date = EXCLUDED.quality_date,
+         production_userid = EXCLUDED.production_userid,
+         production_result = EXCLUDED.production_result,
+         production_date = EXCLUDED.production_date,
+         status = EXCLUDED.status`,
+      [
+        objId, issueNo,
+        body.project_objid || "",
+        body.unit_code || "",
+        body.part_objid || "",
+        body.issue_category || "",
+        body.issue_type || "",
+        body.content || "",
+        body.design_userid || "", body.design_result || "", body.design_date || "",
+        body.purchase_userid || "", body.purchase_result || "", body.purchase_date || "",
+        body.quality_userid || "", body.quality_result || "", body.quality_date || "",
+        body.production_userid || "", body.production_result || "", body.production_date || "",
+        body.status || "write",
+        user.userId,
+      ],
+    );
+    return NextResponse.json({ success: true, objId, issueNo, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Issue save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/production/planning/route.ts b/src/app/api/production/planning/route.ts
new file mode 100644
index 0000000..584c9ab
--- /dev/null
+++ b/src/app/api/production/planning/route.ts
@@ -0,0 +1,85 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리_생산계획수립 (planningGridList 원본 1:1 포팅)
+// 주 테이블: project_mgmt
+// WBS_CNT: pms_wbs_task에서 produce_plan/act 또는 produce_user_id 하나라도 채워진 것
+// SETUP_WBS_CNT: setup_wbs_task에서 setup_plan/act 하나라도 채워진 것
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      -- 조립 WBS (pms_wbs_task)
+      COALESCE((SELECT COUNT(1) FROM pms_wbs_task
+                 WHERE contract_objid = T.objid::text
+                   AND (COALESCE(produce_plan_start,'') <> '' OR COALESCE(produce_plan_end,'') <> ''
+                     OR COALESCE(produce_act_start,'') <> '' OR COALESCE(produce_act_end,'') <> ''
+                     OR COALESCE(produce_user_id,'') <> '')
+               ), 0) AS "WBS_CNT",
+      COALESCE((SELECT MIN(produce_plan_start) FROM pms_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(produce_plan_start,'') <> ''), '') AS "PRODUCE_PLAN_START",
+      COALESCE((SELECT MAX(produce_plan_end) FROM pms_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(produce_plan_end,'') <> ''), '') AS "PRODUCE_PLAN_END",
+      COALESCE((SELECT MIN(produce_act_start) FROM pms_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(produce_act_start,'') <> ''), '') AS "PRODUCE_ACT_START",
+      COALESCE((SELECT MAX(produce_act_end) FROM pms_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(produce_act_end,'') <> ''), '') AS "PRODUCE_ACT_END",
+      -- 셋업 WBS (setup_wbs_task)
+      COALESCE((SELECT COUNT(1) FROM setup_wbs_task
+                 WHERE contract_objid = T.objid::text
+                   AND (COALESCE(setup_plan_start,'') <> '' OR COALESCE(setup_plan_end,'') <> ''
+                     OR COALESCE(setup_act_start,'') <> '' OR COALESCE(setup_act_end,'') <> '')
+               ), 0) AS "SETUP_WBS_CNT",
+      COALESCE((SELECT MIN(setup_plan_start) FROM setup_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(setup_plan_start,'') <> ''), '') AS "SETUP_PLAN_START",
+      COALESCE((SELECT MAX(setup_plan_end) FROM setup_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(setup_plan_end,'') <> ''), '') AS "SETUP_PLAN_END",
+      COALESCE((SELECT MIN(setup_act_start) FROM setup_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(setup_act_start,'') <> ''), '') AS "SETUP_ACT_START",
+      COALESCE((SELECT MAX(setup_act_end) FROM setup_wbs_task
+                 WHERE contract_objid = T.objid::text AND COALESCE(setup_act_end,'') <> ''), '') AS "SETUP_ACT_END"
+    FROM project_mgmt T
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/production/process/route.ts b/src/app/api/production/process/route.ts
new file mode 100644
index 0000000..10c3299
--- /dev/null
+++ b/src/app/api/production/process/route.ts
@@ -0,0 +1,120 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리_공정실적관리 (processperformanceGridList 원본 1:1 포팅)
+// 주 테이블: part_bom_report (STATUS='deploy')
+// 조립 BOM_CNT, 조립품수 ASSING_CNT, 공정율 AS_RATE, 작업공수 WORK_DIARY 기반
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["T.status = 'deploy'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`(SELECT project_no FROM project_mgmt WHERE objid = T.contract_objid) LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.unit_code) {
+    conditions.push(`T.unit_code = $${idx++}`);
+    params.push(body.unit_code);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.objid::text AS "OBJID",
+      T.contract_objid AS "CONTRACT_OBJID",
+      T.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::varchar = T.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      (SELECT project_no FROM project_mgmt WHERE objid = T.contract_objid) AS "PROJECT_NO",
+      (SELECT project_name FROM project_mgmt WHERE objid = T.contract_objid) AS "PROJECT_NAME",
+      (SELECT due_date FROM project_mgmt WHERE objid = T.contract_objid) AS "DUE_DATE",
+      (SELECT setup FROM project_mgmt WHERE objid = T.contract_objid) AS "SETUP",
+      (SELECT user_name FROM user_info WHERE user_id = (SELECT pm_user_id FROM project_mgmt WHERE objid = T.contract_objid) LIMIT 1) AS "PM_USER_NAME",
+      T.unit_code AS "UNIT_CODE",
+      (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = T.unit_code LIMIT 1) AS "UNIT_NAME",
+      -- 조립총수 (BOM_CNT)
+      (SELECT COUNT(*) FROM bom_part_qty BP
+         LEFT JOIN part_mng PM ON COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no) = PM.objid::varchar
+        WHERE BP.bom_report_objid = T.objid
+          AND PM.part_type IS NOT NULL AND PM.part_type <> ''
+          AND BP.status IN ('beforeEdit','editing','deleting','deploy')
+      ) AS "BOM_CNT",
+      -- 조립품수 (ASSING_CNT)
+      (SELECT COUNT(1) FROM assembly_wbs_task A
+         INNER JOIN bom_part_qty BP
+           ON A.parent_objid = BP.bom_report_objid
+          AND A.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+          AND A.bom_qty_child_objid = BP.child_objid
+          AND BP.status IN ('beforeEdit','editing','deleting','deploy')
+        WHERE A.parent_objid = T.objid
+          AND A.assembly_user_id IS NOT NULL AND A.assembly_user_id <> ''
+          AND A.assembly_date IS NOT NULL AND A.assembly_date <> ''
+      ) AS "ASSING_CNT",
+      -- 공정율 (AS_RATE)
+      CASE WHEN (SELECT COUNT(*) FROM bom_part_qty BP
+                   LEFT JOIN part_mng PM ON COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no) = PM.objid::varchar
+                  WHERE BP.bom_report_objid = T.objid
+                    AND PM.part_type IS NOT NULL AND PM.part_type <> ''
+                    AND BP.status IN ('beforeEdit','editing','deleting','deploy')) = 0 THEN 0
+           ELSE ROUND(
+             ((SELECT COUNT(1) FROM assembly_wbs_task A
+                 INNER JOIN bom_part_qty BP
+                   ON A.parent_objid = BP.bom_report_objid
+                  AND A.part_objid = COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no)
+                  AND A.bom_qty_child_objid = BP.child_objid
+                  AND BP.status IN ('beforeEdit','editing','deleting','deploy')
+                WHERE A.parent_objid = T.objid
+                  AND A.assembly_user_id IS NOT NULL AND A.assembly_user_id <> ''
+                  AND A.assembly_date IS NOT NULL AND A.assembly_date <> ''
+             )::numeric
+              / (SELECT COUNT(*) FROM bom_part_qty BP
+                   LEFT JOIN part_mng PM ON COALESCE(NULLIF(BP.last_part_objid,''), BP.part_no) = PM.objid::varchar
+                  WHERE BP.bom_report_objid = T.objid
+                    AND PM.part_type IS NOT NULL AND PM.part_type <> ''
+                    AND BP.status IN ('beforeEdit','editing','deleting','deploy'))
+              * 100), 1)
+      END AS "AS_RATE",
+      -- 작업공수
+      COALESCE(P.work_hour, 0) AS "INSOURCING_SUM",
+      COALESCE(O.work_hour, 0) AS "OUTSOURCING_SUM",
+      (COALESCE(P.work_hour, 0) + COALESCE(O.work_hour, 0)) AS "TOTAL_SUM"
+    FROM part_bom_report T
+    LEFT JOIN LATERAL (
+      SELECT SUM(COALESCE(NULLIF(wd.work_hour,''),'0')::numeric) AS work_hour
+        FROM work_diary wd
+        JOIN user_info ui ON ui.user_id = wd.worker_id
+       WHERE wd.contract_objid = T.contract_objid
+         AND wd.unit_code = T.unit_code
+         AND wd.status = 'complete'
+         AND wd.production_type = 'assemble'
+         AND ui.dept_code IN ('DPT005','DPT023','DPT013')
+    ) P ON TRUE
+    LEFT JOIN LATERAL (
+      SELECT SUM(COALESCE(NULLIF(wd.work_hour,''),'0')::numeric) AS work_hour
+        FROM work_diary wd
+       WHERE wd.contract_objid = T.contract_objid
+         AND wd.unit_code = T.unit_code
+         AND wd.status = 'complete'
+         AND wd.production_type = 'assemble'
+         AND wd.sourcing_type = 'outsourcing'
+    ) O ON TRUE
+    WHERE ${where}
+    ORDER BY (SELECT SUBSTRING(project_no, POSITION('-' IN project_no)+1) FROM project_mgmt WHERE objid = T.contract_objid) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/production/receive-history/route.ts b/src/app/api/production/receive-history/route.ts
new file mode 100644
index 0000000..10844a9
--- /dev/null
+++ b/src/app/api/production/receive-history/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 인수이력 조회 (inventory_mgmt_out 기준)
+// body: { partObjid, contractObjid, unitCode }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const partObjid = String(body.partObjid || "");
+  const contractObjid = String(body.contractObjid || "");
+  const unitCode = String(body.unitCode || "");
+
+  if (!partObjid || !contractObjid) {
+    return NextResponse.json({ RESULTLIST: [], HEADER: {} });
+  }
+
+  // 헤더: 파트 기본 정보
+  const header = await queryOne(
+    `SELECT objid::text AS "OBJID",
+            part_no AS "PART_NO",
+            COALESCE(part_name,'') AS "PART_NAME",
+            COALESCE(spec,'') AS "SPEC"
+       FROM part_mng
+      WHERE objid::varchar = $1`,
+    [partObjid],
+  );
+
+  // 인수이력: IMO × IM, part+contract+unit 기준
+  const params: unknown[] = [partObjid, contractObjid];
+  let unitClause = "";
+  if (unitCode) {
+    params.push(unitCode);
+    unitClause = `AND IMO.unit = $3`;
+  }
+  const rows = await queryRows(
+    `SELECT IMO.objid::text AS "OBJID",
+            IMO.out_date AS "OUT_DATE",
+            IMO.out_qty AS "OUT_QTY",
+            IMO.unit AS "UNIT",
+            (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = IMO.unit LIMIT 1) AS "UNIT_NAME",
+            IMO.acq_user AS "ACQ_USER",
+            COALESCE((SELECT user_name FROM user_info WHERE user_id = IMO.acq_user LIMIT 1), IMO.acq_user) AS "ACQ_USER_NAME",
+            IMO.writer AS "WRITER",
+            COALESCE((SELECT user_name FROM user_info WHERE user_id = IMO.writer LIMIT 1), IMO.writer) AS "WRITER_NAME",
+            TO_CHAR(IMO.regdate, 'YYYY-MM-DD HH24:MI') AS "REG_DATE"
+       FROM inventory_mgmt_out IMO
+       JOIN inventory_mgmt IM ON IM.objid = IMO.parent_objid
+      WHERE IMO.contract_mgmt_objid = $2
+        AND IM.part_objid = $1
+        ${unitClause}
+      ORDER BY IMO.out_date DESC, IMO.regdate DESC`,
+    params,
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, HEADER: header || {} });
+}
diff --git a/src/app/api/production/release/detail/route.ts b/src/app/api/production/release/detail/route.ts
new file mode 100644
index 0000000..63778a6
--- /dev/null
+++ b/src/app/api/production/release/detail/route.ts
@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 출고관리 상세 (release_mgmt.objid 기준)
+// body: { objId } — release_mgmt.objid
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT RM.objid::text AS "OBJID",
+       RM.parent_objid AS "PARENT_OBJID",
+       RM.release_date AS "RELEASE_DATE",
+       RM.release_car_no AS "RELEASE_CAR_NO",
+       RM.writer AS "WRITER",
+       RM.task_over_user_id AS "TASK_OVER_USER_ID",
+       RM.task_over_date AS "TASK_OVER_DATE",
+       RM.task_over_comment AS "TASK_OVER_COMMENT",
+       RM.install_complete_date AS "INSTALL_COMPLETE_DATE",
+       RM.install_result AS "INSTALL_RESULT",
+       RM.product AS "PRODUCT",
+       PM.project_no AS "PROJECT_NO",
+       PM.project_name AS "PROJECT_NAME",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = PM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME"
+     FROM release_mgmt RM
+     LEFT JOIN project_mgmt PM ON PM.objid = RM.parent_objid
+     WHERE RM.objid = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/production/release/route.ts b/src/app/api/production/release/route.ts
new file mode 100644
index 0000000..2d37bae
--- /dev/null
+++ b/src/app/api/production/release/route.ts
@@ -0,0 +1,87 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리_출고관리 (releaseMgmtGridList 원본 1:1 포팅)
+// 주 테이블: project_mgmt
+// release_mgmt.parent_objid = project_mgmt.objid
+// 검사결과(체크리스트) = inspection_mgmt, 입회검사 = attach_file_info(ADMISSION_INSPECTION_FILE)
+// 출하지시서 = attach_file_info(RELEASE_ORDER, target_objid = RM.objid)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      T.product AS "PRODUCT",
+      RM.product_group AS "PRODUCT_GROUP",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      RM.objid AS "RELEASE_OBJID",
+      RM.release_date AS "RELEASE_DATE",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = RM.writer LIMIT 1), '') AS "RELEASE_WRITER",
+      -- 검사결과 체크리스트 = inspection_mgmt 건수
+      COALESCE((SELECT COUNT(1) FROM inspection_mgmt WHERE parent_objid = T.objid::text), 0) AS "INSPECTION_CNT",
+      -- 입회검사 = ADMISSION_INSPECTION_FILE 파일 개수
+      COALESCE((SELECT COUNT(1) FROM attach_file_info
+                 WHERE target_objid = T.objid::text
+                   AND doc_type = 'ADMISSION_INSPECTION_FILE'
+                   AND UPPER(COALESCE(status,'')) = 'ACTIVE'), 0) AS "ADMISSION_INSPECTION_CNT",
+      -- 출하지시서 = RELEASE_ORDER 파일 개수 (release_mgmt.objid 기준)
+      COALESCE((SELECT COUNT(1) FROM attach_file_info
+                 WHERE target_objid::varchar = RM.objid
+                   AND doc_type = 'RELEASE_ORDER'
+                   AND UPPER(COALESCE(status,'')) = 'ACTIVE'), 0) AS "RELEASE_ORDER_CNT",
+      T.due_date AS "DUE_DATE"
+    FROM project_mgmt T
+    LEFT OUTER JOIN release_mgmt RM
+      ON T.objid::varchar = RM.parent_objid
+     AND T.product = RM.product
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  const todayStr = new Date().toISOString().slice(0, 10);
+  const result = rows.map((r: Record<string, unknown>) => {
+    const releaseDate = String(r.RELEASE_DATE || "").trim();
+    const dueDate = String(r.DUE_DATE || "").trim();
+    let status = "계약";
+    if (releaseDate !== "") status = "출고완료";
+    else if (/^\d{4}-\d{2}-\d{2}$/.test(dueDate) && todayStr >= dueDate) status = "지연";
+    return { ...r, RELEASE_STATUS_TITLE: status };
+  });
+  return NextResponse.json({ RESULTLIST: result, TOTAL_CNT: result.length });
+}
diff --git a/src/app/api/production/release/save/route.ts b/src/app/api/production/release/save/route.ts
new file mode 100644
index 0000000..cf6d36d
--- /dev/null
+++ b/src/app/api/production/release/save/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 출고결과 저장 (release_mgmt UPSERT)
+// body: { actionType, release_objid?, parent_objid, product, release_date, writer,
+//         release_car_no?, task_over_user_id?, task_over_date?, task_over_comment?,
+//         install_complete_date?, install_result? }
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.release_objid || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : String(body.release_objid);
+  const writer = String(body.writer || user.userId);
+
+  try {
+    await execute(
+      `INSERT INTO release_mgmt (
+         objid, parent_objid, release_car_no, release_date,
+         task_over_user_id, task_over_date, task_over_comment,
+         status, regdate, writer, product,
+         install_complete_date, install_result
+       ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, NOW(), $9, $10, $11, $12)
+       ON CONFLICT (objid) DO UPDATE SET
+         parent_objid = EXCLUDED.parent_objid,
+         release_car_no = EXCLUDED.release_car_no,
+         release_date = EXCLUDED.release_date,
+         task_over_user_id = EXCLUDED.task_over_user_id,
+         task_over_date = EXCLUDED.task_over_date,
+         task_over_comment = EXCLUDED.task_over_comment,
+         status = EXCLUDED.status,
+         writer = EXCLUDED.writer,
+         product = EXCLUDED.product,
+         install_complete_date = EXCLUDED.install_complete_date,
+         install_result = EXCLUDED.install_result`,
+      [
+        objId,
+        body.parent_objid || "",
+        body.release_car_no || "",
+        body.release_date || "",
+        body.task_over_user_id || "",
+        body.task_over_date || "",
+        body.task_over_comment || "",
+        body.status || "active",
+        writer,
+        body.product || "",
+        body.install_complete_date || "",
+        body.install_result || "",
+      ],
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("Release save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/production/route.ts b/src/app/api/production/route.ts
new file mode 100644
index 0000000..11f3ddb
--- /dev/null
+++ b/src/app/api/production/route.ts
@@ -0,0 +1,45 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리 메인 목록
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["CM.contract_result = '0000964'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(TO_DATE(CM.contract_date, 'YYYY-MM-DD'), 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT CM.objid::text AS "OBJID",
+       CM.contract_no AS "PROJECT_NO",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1), '') AS "PRODUCT_NAME",
+       CM.project_name AS "UNIT_NAME",
+       CM.facility_qty AS "PROD_QTY",
+       0 AS "COMPLETE_QTY",
+       0 AS "PROGRESS_RATE",
+       CM.contract_del_date AS "START_DATE",
+       CM.req_del_date AS "END_DATE",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.contract_result LIMIT 1), '') AS "STATUS_NAME"
+     FROM contract_mgmt CM
+     WHERE ${where}
+     ORDER BY CM.regdate DESC
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/production/setup/route.ts b/src/app/api/production/setup/route.ts
new file mode 100644
index 0000000..7753424
--- /dev/null
+++ b/src/app/api/production/setup/route.ts
@@ -0,0 +1,77 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리_셋업관리 (selectSetupMgmtList 원본 1:1 포팅)
+// 주 테이블: project_mgmt
+// TASK_CNT = setup_wbs_task WHERE parent_objid 있는 것만
+// COMPLETE_CNT = TASK_CNT 중 setup_act_end 있는 것
+// SETUP_RATE = COMPLETE_CNT / TASK_CNT × 100
+// EMPLOYEES_IN/OUT/TOTAL = setup_wbs_task.employees_in/out 합계
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    WITH
+      setup_cnt AS (
+        SELECT contract_objid,
+               COUNT(1) FILTER (WHERE COALESCE(parent_objid,'') <> '') AS task_cnt,
+               COUNT(1) FILTER (WHERE COALESCE(parent_objid,'') <> '' AND COALESCE(setup_act_end,'') <> '') AS complete_cnt,
+               SUM(COALESCE(NULLIF(employees_in,'')::integer, 0)) FILTER (WHERE COALESCE(parent_objid,'') <> '') AS emp_in,
+               SUM(COALESCE(NULLIF(employees_out,'')::integer, 0)) FILTER (WHERE COALESCE(parent_objid,'') <> '') AS emp_out
+          FROM setup_wbs_task
+         GROUP BY contract_objid
+      )
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      COALESCE(SC.task_cnt, 0) AS "TASK_CNT",
+      COALESCE(SC.complete_cnt, 0) AS "COMPLETE_CNT",
+      CASE WHEN COALESCE(SC.task_cnt, 0) = 0 THEN 0
+           ELSE ROUND((SC.complete_cnt::numeric / SC.task_cnt) * 100, 1)
+      END AS "SETUP_RATE",
+      COALESCE(SC.emp_in, 0) AS "EMPLOYEES_IN",
+      COALESCE(SC.emp_out, 0) AS "EMPLOYEES_OUT",
+      (COALESCE(SC.emp_in, 0) + COALESCE(SC.emp_out, 0)) AS "EMPLOYEES_TOTAL"
+    FROM project_mgmt T
+    LEFT JOIN setup_cnt SC ON SC.contract_objid = T.objid::text
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/production/status/route.ts b/src/app/api/production/status/route.ts
new file mode 100644
index 0000000..d901f95
--- /dev/null
+++ b/src/app/api/production/status/route.ts
@@ -0,0 +1,171 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 생산관리 현황 (planningdashboardGridList 원본 1:1 포팅)
+// 주 테이블: project_mgmt
+// 이슈: planning_issue (status='release', design_result/design_date 완료 여부)
+// 셋업: setup_wbs_task (parent_objid 있는 것만)
+// 조립: part_bom_report + bom_part_qty + assembly_wbs_task (BOM 기반 완료율)
+// 투입공수: work_diary (production_type='assemble'/'setup', 생산/외주 분리)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`T.project_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.customer_objid) {
+    conditions.push(`T.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`T.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`T.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    WITH
+      assembly_rate AS (
+        SELECT pbr.contract_objid,
+               SUM(
+                 CASE WHEN bom_cnt.denom = 0 THEN 0
+                      ELSE ROUND((awt_cnt.numer::numeric / bom_cnt.denom) * 100, 1)
+                 END
+               ) AS as_rate_sum
+          FROM part_bom_report pbr
+          LEFT JOIN LATERAL (
+            SELECT COUNT(1) AS numer
+              FROM assembly_wbs_task a
+             WHERE a.parent_objid = pbr.objid
+               AND a.assembly_user_id IS NOT NULL AND a.assembly_user_id <> ''
+               AND a.assembly_date IS NOT NULL AND a.assembly_date <> ''
+          ) awt_cnt ON TRUE
+          LEFT JOIN LATERAL (
+            SELECT COUNT(*) AS denom
+              FROM bom_part_qty bp
+              LEFT JOIN part_mng pm ON bp.part_no = pm.objid::varchar
+             WHERE bp.bom_report_objid = pbr.objid
+               AND pm.part_type IS NOT NULL AND pm.part_type <> ''
+          ) bom_cnt ON TRUE
+         GROUP BY pbr.contract_objid
+      ),
+      assembly_end AS (
+        SELECT pbr.contract_objid,
+               MAX(a.assembly_date) AS assembly_date_end
+          FROM assembly_wbs_task a
+          LEFT JOIN part_bom_report pbr ON a.parent_objid = pbr.objid
+         WHERE pbr.contract_objid IS NOT NULL
+         GROUP BY pbr.contract_objid
+      ),
+      pms_cnt AS (
+        SELECT contract_objid, COUNT(1) AS cnt FROM pms_wbs_task GROUP BY contract_objid
+      ),
+      wd_prod_assemble AS (
+        SELECT wd.contract_objid, SUM(COALESCE(NULLIF(wd.work_hour,''),'0')::numeric) AS hour
+          FROM work_diary wd
+          JOIN user_info ui ON ui.user_id = wd.worker_id
+         WHERE wd.contract_objid IS NOT NULL AND wd.contract_objid <> ''
+           AND wd.status = 'complete' AND wd.production_type = 'assemble'
+           AND ui.dept_code IN ('DPT005','DPT023','DPT013')
+         GROUP BY wd.contract_objid
+      ),
+      wd_out_assemble AS (
+        SELECT contract_objid, SUM(COALESCE(NULLIF(work_hour,''),'0')::numeric) AS hour
+          FROM work_diary
+         WHERE contract_objid IS NOT NULL AND contract_objid <> ''
+           AND status = 'complete' AND sourcing_type = 'outsourcing' AND production_type = 'assemble'
+         GROUP BY contract_objid
+      ),
+      wd_prod_setup AS (
+        SELECT wd.contract_objid, SUM(COALESCE(NULLIF(wd.work_hour,''),'0')::numeric) AS hour
+          FROM work_diary wd
+          JOIN user_info ui ON ui.user_id = wd.worker_id
+         WHERE wd.contract_objid IS NOT NULL AND wd.contract_objid <> ''
+           AND wd.status = 'complete' AND wd.production_type = 'setup'
+           AND ui.dept_code IN ('DPT005','DPT023','DPT013')
+         GROUP BY wd.contract_objid
+      ),
+      wd_out_setup AS (
+        SELECT contract_objid, SUM(COALESCE(NULLIF(work_hour,''),'0')::numeric) AS hour
+          FROM work_diary
+         WHERE contract_objid IS NOT NULL AND contract_objid <> ''
+           AND status = 'complete' AND sourcing_type = 'outsourcing' AND production_type = 'setup'
+         GROUP BY contract_objid
+      ),
+      issue_agg AS (
+        SELECT project_objid,
+               COUNT(1) AS total,
+               COUNT(1) FILTER (WHERE COALESCE(design_result,'') <> '' AND COALESCE(design_date,'') <> '') AS comp
+          FROM planning_issue
+         WHERE status = 'release'
+         GROUP BY project_objid
+      ),
+      setup_agg AS (
+        SELECT contract_objid,
+               COUNT(1) AS total,
+               COUNT(1) FILTER (WHERE COALESCE(setup_act_end,'') <> '') AS comp,
+               MAX(setup_act_end) AS act_end
+          FROM setup_wbs_task
+         WHERE COALESCE(parent_objid,'') <> ''
+         GROUP BY contract_objid
+      )
+    SELECT T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = T.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      T.project_name AS "PROJECT_NAME",
+      T.req_del_date AS "REQ_DEL_DATE",
+      T.setup AS "SETUP",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = T.pm_user_id LIMIT 1), '') AS "PM_USER_NAME",
+      -- 조립
+      CASE WHEN COALESCE(PC.cnt, 0) = 0 THEN 0
+           ELSE ROUND(COALESCE(AR.as_rate_sum, 0) / PC.cnt, 1)
+      END AS "ASSEMBLY_RATE",
+      COALESCE(AE.assembly_date_end, '') AS "ASSEMBLY_DATE_END",
+      (COALESCE(WPA.hour, 0) + COALESCE(WOA.hour, 0)) AS "ASSEMBLY_EMPLOYEES_TOTAL",
+      -- 셋업
+      CASE WHEN COALESCE(SA.total, 0) = 0 THEN 0
+           ELSE ROUND((SA.comp::numeric / SA.total) * 100, 1)
+      END AS "SETUP_RATE",
+      COALESCE(SA.act_end, '') AS "SETUP_ACT_END",
+      (COALESCE(WPS.hour, 0) + COALESCE(WOS.hour, 0)) AS "EMPLOYEES_TOTAL",
+      -- 이슈
+      COALESCE(IA.total, 0) AS "ISSUE_CNT",
+      COALESCE(IA.comp, 0) AS "COMP_CNT",
+      (COALESCE(IA.total, 0) - COALESCE(IA.comp, 0)) AS "MISS_CNT",
+      CASE WHEN COALESCE(IA.total, 0) = 0 THEN 0
+           ELSE ROUND((IA.comp::numeric / IA.total) * 100, 1)
+      END AS "ISSUE_RATE"
+    FROM project_mgmt T
+    LEFT JOIN assembly_rate AR ON AR.contract_objid = T.objid::text
+    LEFT JOIN assembly_end AE ON AE.contract_objid = T.objid::text
+    LEFT JOIN pms_cnt PC ON PC.contract_objid = T.objid::text
+    LEFT JOIN wd_prod_assemble WPA ON WPA.contract_objid = T.objid::text
+    LEFT JOIN wd_out_assemble WOA ON WOA.contract_objid = T.objid::text
+    LEFT JOIN wd_prod_setup WPS ON WPS.contract_objid = T.objid::text
+    LEFT JOIN wd_out_setup WOS ON WOS.contract_objid = T.objid::text
+    LEFT JOIN issue_agg IA ON IA.project_objid = T.objid::text
+    LEFT JOIN setup_agg SA ON SA.contract_objid = T.objid::text
+    WHERE ${where}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no)+1) DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/project/invest-cost/route.ts b/src/app/api/project/invest-cost/route.ts
new file mode 100644
index 0000000..122a07d
--- /dev/null
+++ b/src/app/api/project/invest-cost/route.ts
@@ -0,0 +1,78 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 투자비 관리 (project.investCostMngPopup 대응) — invest_cost_mng
+// actions: list | save | delete
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "list");
+  const targetObjId = String(body.targetObjId || "");
+
+  if (action === "save") {
+    const rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+    try {
+      for (const r of rows) {
+        const isNew = !r.objid;
+        const objId = isNew ? createObjectId() : String(r.objid);
+        if (isNew) {
+          await execute(
+            `INSERT INTO invest_cost_mng (objid, target_objid, seq, title, drafter, duedate, amount, status, writer, reg_date)
+             VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, now())`,
+            [objId, targetObjId, String(r.seq || ""), String(r.title || ""),
+             String(r.drafter || ""), String(r.duedate || ""),
+             String(r.amount || "").replace(/,/g, ""), String(r.status || "01"), user.userId],
+          );
+        } else {
+          await execute(
+            `UPDATE invest_cost_mng SET title=$1, drafter=$2, duedate=$3, amount=$4, status=$5, edit_date=now()
+             WHERE objid=$6`,
+            [String(r.title || ""), String(r.drafter || ""), String(r.duedate || ""),
+             String(r.amount || "").replace(/,/g, ""), String(r.status || "01"), objId],
+          );
+        }
+      }
+      return NextResponse.json({ success: true, message: "저장되었습니다." });
+    } catch (e) {
+      console.error("invest-cost save:", e);
+      return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  if (action === "delete") {
+    const objIds: string[] = Array.isArray(body.objIds) ? body.objIds : [];
+    if (objIds.length === 0) return NextResponse.json({ success: false, message: "선택된 항목이 없습니다." });
+    try {
+      const ph = objIds.map((_, i) => `$${i + 1}`).join(",");
+      await execute(`DELETE FROM invest_cost_mng WHERE objid IN (${ph})`, objIds);
+      return NextResponse.json({ success: true, message: "삭제되었습니다." });
+    } catch (e) {
+      console.error("invest-cost delete:", e);
+      return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  // list
+  if (!targetObjId) return NextResponse.json({ RESULTLIST: [] });
+  const rows = await queryRows(
+    `SELECT objid::text AS "OBJID",
+            seq AS "SEQ",
+            title AS "TITLE",
+            drafter AS "DRAFTER",
+            (SELECT user_name FROM user_info WHERE user_id = drafter LIMIT 1) AS "DRAFTER_NAME",
+            duedate AS "DUEDATE",
+            amount AS "AMOUNT",
+            status AS "STATUS",
+            (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = invest_cost_mng.objid::text AND doc_type = 'INVEST_FILE') AS "INVEST_FILE_CNT"
+       FROM invest_cost_mng
+      WHERE target_objid = $1
+      ORDER BY seq::integer NULLS LAST`,
+    [targetObjId],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/project/modify/route.ts b/src/app/api/project/modify/route.ts
new file mode 100644
index 0000000..dc936c4
--- /dev/null
+++ b/src/app/api/project/modify/route.ts
@@ -0,0 +1,65 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트 수정 조회/저장 (project.getProjectModifyInfo + ModifyProject 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "detail");
+
+  if (action === "save") {
+    const { objId, project_name, facility, facility_qty, facility_depth,
+            contract_del_date, contract_currency, contract_price, contract_price_currency } = body;
+    if (!objId) return NextResponse.json({ success: false, message: "objId 필요" }, { status: 400 });
+    try {
+      await execute(
+        `UPDATE project_mgmt SET
+          project_name = $1,
+          facility = $2,
+          facility_qty = $3,
+          facility_depth = $4,
+          contract_del_date = $5,
+          contract_currency = $6,
+          contract_price = $7,
+          contract_price_currency = $8
+         WHERE objid = $9`,
+        [
+          String(project_name || ""),
+          String(facility || ""),
+          String(facility_qty || "").replace(/,/g, ""),
+          String(facility_depth || "").replace(/,/g, ""),
+          String(contract_del_date || ""),
+          String(contract_currency || ""),
+          String(contract_price || "").replace(/,/g, ""),
+          String(contract_price_currency || "").replace(/,/g, ""),
+          String(objId),
+        ],
+      );
+      return NextResponse.json({ success: true, message: "저장되었습니다." });
+    } catch (e) {
+      console.error("Project modify save:", e);
+      return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  // detail
+  const row = await queryOne<Record<string, unknown>>(
+    `SELECT objid::text AS "OBJID",
+            project_no AS "PROJECT_NO",
+            project_name AS "PROJECT_NAME",
+            facility AS "FACILITY",
+            facility_qty AS "FACILITY_QTY",
+            facility_depth AS "FACILITY_DEPTH",
+            contract_del_date AS "CONTRACT_DEL_DATE",
+            contract_currency AS "CONTRACT_CURRENCY",
+            contract_price AS "CONTRACT_PRICE",
+            contract_price_currency AS "CONTRACT_PRICE_CURRENCY"
+       FROM project_mgmt
+      WHERE objid = $1`,
+    [String(body.objId || "")],
+  );
+  return NextResponse.json({ success: true, data: row ?? {} });
+}
diff --git a/src/app/api/project/progress/route.ts b/src/app/api/project/progress/route.ts
new file mode 100644
index 0000000..3b69db0
--- /dev/null
+++ b/src/app/api/project/progress/route.ts
@@ -0,0 +1,205 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트관리_일정관리(WBS) (project.projectMgmtWbsGridList 대응)
+// 원본: PROJECT_MGMT + PMS_WBS_TASK(설계/구매/제작) + SETUP_WBS_TASK(셋업) 카운트 집계
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // 년도: regdate YYYY
+  if (body.Year || body.year) {
+    conditions.push(`TO_CHAR(PM.regdate, 'YYYY') = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  // 프로젝트번호 multi (CSV) - project_nos 또는 project_no 모두 지원
+  const projectNos = body.project_nos || body.project_no;
+  if (projectNos) {
+    const arr = String(projectNos).split(",").map((s) => s.trim()).filter(Boolean);
+    if (arr.length > 0) {
+      const ph = arr.map(() => `$${idx++}`).join(",");
+      conditions.push(`PM.objid::text IN (${ph})`);
+      arr.forEach((v) => params.push(v));
+    }
+  }
+  if (body.category_cd) {
+    conditions.push(`PM.category_cd = $${idx++}`);
+    params.push(body.category_cd);
+  }
+  if (body.customer_objid) {
+    conditions.push(`PM.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`PM.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`PM.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+  if (body.location) {
+    conditions.push(`PM.location LIKE '%' || $${idx++} || '%'`);
+    params.push(body.location);
+  }
+  if (body.setup) {
+    conditions.push(`PM.setup LIKE '%' || $${idx++} || '%'`);
+    params.push(body.setup);
+  }
+  // 예상납기일(due_date) 범위
+  if (body.contract_start_date) {
+    conditions.push(`TO_DATE(PM.due_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.contract_start_date);
+  }
+  if (body.contract_end_date) {
+    conditions.push(`TO_DATE(PM.due_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.contract_end_date);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      PM.objid::text AS "OBJID",
+      PM.category_cd AS "CATEGORY_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+      PM.overhaul_order AS "OVERHAUL_ORDER",
+      PM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = PM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      PM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.product LIMIT 1) AS "PRODUCT_NAME",
+      PM.project_no AS "PROJECT_NO",
+      PM.project_name AS "PROJECT_NAME",
+      PM.req_del_date AS "REQ_DEL_DATE",
+      PM.contract_del_date AS "CONTRACT_DEL_DATE",
+      PM.setup AS "SETUP",
+      PM.location AS "LOCATION",
+      PM.facility AS "FACILITY",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.facility LIMIT 1) AS "FACILITY_NAME",
+      PM.manufacture_plant AS "MANUFACTURE_PLANT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.manufacture_plant LIMIT 1) AS "MANUFACTURE_PLANT_NAME",
+      PM.pm_user_id AS "PM_USER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = PM.pm_user_id LIMIT 1) AS "PM_USER_NAME",
+      PM.mechanical_type AS "MECHANICAL_TYPE",
+
+      -- 설계관리 공정율 (완료/전체)
+      CASE WHEN (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) = 0 THEN 0
+           ELSE ROUND(
+             ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+              - (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+                 AND (COALESCE(design_act_end,'') = '')))::numeric
+             / (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)::numeric * 100, 1)
+      END AS "DESIGN_RATETOTAL",
+      -- 설계 완료
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(design_act_end,'') != '' AND COALESCE(design_plan_end,'') != ''
+          AND TO_DATE(design_plan_end,'YYYY-MM-DD') >= TO_DATE(design_act_end,'YYYY-MM-DD')) AS "DESIGN_COMP_CNT",
+      -- 설계 지연완료
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(design_act_end,'') != '' AND COALESCE(design_plan_end,'') != ''
+          AND TO_DATE(design_plan_end,'YYYY-MM-DD') < TO_DATE(design_act_end,'YYYY-MM-DD')) AS "DESIGN_LATE_COMP_CNT",
+      -- 설계 진행중
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(design_act_end,'') = '' AND COALESCE(design_plan_end,'') != ''
+          AND TO_DATE(design_plan_end,'YYYY-MM-DD') >= CURRENT_DATE) AS "DESIGN_ING_CNT",
+      -- 설계 지연
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(design_act_end,'') = '' AND COALESCE(design_plan_end,'') != ''
+          AND TO_DATE(design_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "DESIGN_LATE_CNT",
+
+      -- 구매관리 공정율
+      CASE WHEN (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) = 0 THEN 0
+           ELSE ROUND(
+             ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+              - (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+                 AND (COALESCE(purchase_act_end,'') = '')))::numeric
+             / (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)::numeric * 100, 1)
+      END AS "PURCHASE_RATETOTAL",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(purchase_act_end,'') != '' AND COALESCE(purchase_plan_end,'') != ''
+          AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') >= TO_DATE(purchase_act_end,'YYYY-MM-DD')) AS "PURCHASE_COMP_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(purchase_act_end,'') != '' AND COALESCE(purchase_plan_end,'') != ''
+          AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') < TO_DATE(purchase_act_end,'YYYY-MM-DD')) AS "PURCHASE_LATE_COMP_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(purchase_act_end,'') = '' AND COALESCE(purchase_plan_end,'') != ''
+          AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') >= CURRENT_DATE) AS "PURCHASE_ING_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(purchase_act_end,'') = '' AND COALESCE(purchase_plan_end,'') != ''
+          AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "PURCHASE_LATE_CNT",
+
+      -- 조립(제작)관리 공정율 — 원본은 PRODUCE_RATE 평균
+      COALESCE(ROUND(
+        (SELECT SUM(COALESCE(produce_rate,'0')::numeric) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+        / NULLIF((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text), 0), 1), 0) AS "PRODUCE_RATETOTAL",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(produce_act_end,'') != '' AND COALESCE(produce_plan_end,'') != ''
+          AND TO_DATE(produce_plan_end,'YYYY-MM-DD') >= TO_DATE(produce_act_end,'YYYY-MM-DD')) AS "PRODUCE_COMP_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(produce_act_end,'') != '' AND COALESCE(produce_plan_end,'') != ''
+          AND TO_DATE(produce_plan_end,'YYYY-MM-DD') < TO_DATE(produce_act_end,'YYYY-MM-DD')) AS "PRODUCE_LATE_COMP_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(produce_act_end,'') = '' AND COALESCE(produce_plan_end,'') != ''
+          AND TO_DATE(produce_plan_end,'YYYY-MM-DD') >= CURRENT_DATE) AS "PRODUCE_ING_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(produce_act_end,'') = '' AND COALESCE(produce_plan_end,'') != ''
+          AND TO_DATE(produce_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "PRODUCE_LATE_CNT",
+
+      -- 셋업관리
+      COALESCE(
+        CASE WHEN (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                      AND COALESCE(parent_objid,'') != '') = 0 THEN 0
+             ELSE ROUND(
+               (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                  AND COALESCE(setup_act_end,'') != '' AND COALESCE(parent_objid,'') != '')::numeric
+               / (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                  AND COALESCE(parent_objid,'') != '')::numeric * 100, 1)
+        END, 0) AS "SETUP_RATETOTAL",
+      (SELECT COUNT(1) FROM setup_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(parent_objid,'') != ''
+          AND COALESCE(setup_act_end,'') != '' AND COALESCE(setup_plan_end,'') != ''
+          AND TO_DATE(setup_plan_end,'YYYY-MM-DD') >= TO_DATE(setup_act_end,'YYYY-MM-DD')) AS "SETUP_COMP_CNT",
+      (SELECT COUNT(1) FROM setup_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(parent_objid,'') != ''
+          AND COALESCE(setup_act_end,'') != '' AND COALESCE(setup_plan_end,'') != ''
+          AND TO_DATE(setup_plan_end,'YYYY-MM-DD') < TO_DATE(setup_act_end,'YYYY-MM-DD')) AS "SETUP_LATE_COMP_CNT",
+      (SELECT COUNT(1) FROM setup_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(parent_objid,'') != ''
+          AND COALESCE(setup_act_end,'') = '' AND COALESCE(setup_plan_end,'') != ''
+          AND TO_DATE(setup_plan_end,'YYYY-MM-DD') >= CURRENT_DATE) AS "SETUP_ING_CNT",
+      (SELECT COUNT(1) FROM setup_wbs_task
+        WHERE contract_objid = PM.objid::text
+          AND COALESCE(parent_objid,'') != ''
+          AND COALESCE(setup_act_end,'') = '' AND COALESCE(setup_plan_end,'') != ''
+          AND TO_DATE(setup_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "SETUP_LATE_CNT",
+
+      TO_CHAR(PM.regdate, 'YYYY-MM-DD') AS "REGDATE"
+    FROM project_mgmt PM
+    WHERE ${where}
+    ORDER BY PM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/project/route.ts b/src/app/api/project/route.ts
new file mode 100644
index 0000000..1f64f7e
--- /dev/null
+++ b/src/app/api/project/route.ts
@@ -0,0 +1,50 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트관리 메인 목록 (수주 확정된 계약 기반)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["CM.contract_result = '0000964'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(TO_DATE(CM.contract_date, 'YYYY-MM-DD'), 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.project_name) {
+    conditions.push(`CM.project_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_name);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT CM.objid::text AS "OBJID",
+       CM.contract_no AS "PROJECT_NO",
+       CM.project_name AS "PROJECT_NAME",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1), '') AS "PRODUCT_NAME",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.manufacture_plant LIMIT 1), '') AS "MANUFACTURE_PLANT_NAME",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = CM.contract_result LIMIT 1), '') AS "STATUS",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = CM.pm_user_id LIMIT 1), '') AS "PM_NAME",
+       CM.contract_del_date AS "START_DATE",
+       CM.req_del_date AS "END_DATE",
+       0 AS "TOTAL_RATE"
+     FROM contract_mgmt CM
+     WHERE ${where}
+     ORDER BY CM.regdate DESC
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/project/status/route.ts b/src/app/api/project/status/route.ts
new file mode 100644
index 0000000..60e3ff2
--- /dev/null
+++ b/src/app/api/project/status/route.ts
@@ -0,0 +1,176 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트관리_진행관리 (project.projectMgmtGridList 대응)
+// 원본: project_mgmt(PM) + release_mgmt(RM) + expense_master(EP) + ...
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // 년도: 계약일(contract_date) 기준
+  if (body.Year || body.year) {
+    conditions.push(`SUBSTR(PM.contract_date, 1, 4) = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  // 프로젝트번호 multi (CSV)
+  if (body.project_no) {
+    const arr = String(body.project_no).split(",").map((s) => s.trim()).filter(Boolean);
+    if (arr.length > 0) {
+      const ph = arr.map(() => `$${idx++}`).join(",");
+      conditions.push(`PM.objid::text IN (${ph})`);
+      arr.forEach((v) => params.push(v));
+    }
+  }
+  if (body.category_cd) {
+    conditions.push(`PM.category_cd = $${idx++}`);
+    params.push(body.category_cd);
+  }
+  if (body.customer_objid) {
+    conditions.push(`PM.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`PM.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`PM.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+  if (body.location) {
+    conditions.push(`PM.location LIKE '%' || $${idx++} || '%'`);
+    params.push(body.location);
+  }
+  if (body.setup) {
+    conditions.push(`PM.setup LIKE '%' || $${idx++} || '%'`);
+    params.push(body.setup);
+  }
+  // 예상납기일(contract_del_date) 범위
+  if (body.contract_start_date) {
+    conditions.push(`PM.contract_del_date >= $${idx++}`);
+    params.push(body.contract_start_date);
+  }
+  if (body.contract_end_date) {
+    conditions.push(`PM.contract_del_date <= $${idx++}`);
+    params.push(body.contract_end_date);
+  }
+  // 종합현황 모드: 고객사명 LIKE
+  if (body.customer_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = PM.customer_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.customer_name);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      PM.objid::text AS "OBJID",
+      PM.contract_objid::text AS "CONTRACT_OBJID",
+      PM.project_no AS "PROJECT_NO",
+      PM.project_name AS "PROJECT_NAME",
+      PM.category_cd AS "CATEGORY_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+      PM.overhaul_order AS "OVERHAUL_ORDER",
+      PM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = PM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      PM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.product LIMIT 1) AS "PRODUCT_NAME",
+      PM.mechanical_type AS "MECHANICAL_TYPE",
+      PM.req_del_date AS "REQ_DEL_DATE",
+      PM.contract_del_date AS "CONTRACT_DEL_DATE",
+      PM.location AS "LOCATION",
+      PM.setup AS "SETUP",
+      PM.facility AS "FACILITY",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.facility LIMIT 1) AS "FACILITY_NAME",
+      PM.facility_qty AS "FACILITY_QTY",
+      PM.manufacture_plant AS "MANUFACTURE_PLANT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.manufacture_plant LIMIT 1) AS "MANUFACTURE_PLANT_NAME",
+      PM.pm_user_id AS "PM_USER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = PM.pm_user_id LIMIT 1) AS "PM_USER_NAME",
+      -- 투입원가 (project.xml projectMgmtGridList 이식)
+      COALESCE((SELECT (COALESCE(ICG.material_cost_goal,'0')::numeric + COALESCE(ICG.labor_cost_goal,'0')::numeric + COALESCE(ICG.expense_cost_goal,'0')::numeric)
+                FROM input_cost_goal ICG WHERE ICG.contract_objid::text = PM.objid::text LIMIT 1), 0) AS "TOTAL_COST_GOAL",
+      (
+        COALESCE((SELECT SUM(settle)
+                  FROM (SELECT (SUM(COALESCE(ED.card_used,'0')::numeric) + SUM(COALESCE(ED.cash_used,'0')::numeric) - SUM(COALESCE(ED.payment,'0')::numeric)) AS settle
+                        FROM expense_master EM
+                        LEFT OUTER JOIN expense_detail ED ON ED.expense_master_objid = EM.expense_master_objid
+                        WHERE EM.project_mgmt_objid = PM.objid::text
+                        GROUP BY EM.expense_master_objid) s), 0)
+        +
+        COALESCE((SELECT SUM(COALESCE(NULLIF(total_supply_unit_price,'')::numeric, 0))
+                  FROM purchase_order_master
+                  WHERE contract_mgmt_objid = PM.objid AND status = 'approvalComplete'), 0)
+      ) AS "TOTAL_COST_ACTUAL",
+      CASE
+        WHEN COALESCE((SELECT (COALESCE(ICG.material_cost_goal,'0')::numeric + COALESCE(ICG.labor_cost_goal,'0')::numeric + COALESCE(ICG.expense_cost_goal,'0')::numeric)
+                       FROM input_cost_goal ICG WHERE ICG.contract_objid::text = PM.objid::text LIMIT 1), 0) = 0 THEN 0
+        ELSE ROUND(
+          (
+            COALESCE((SELECT SUM(settle)
+                      FROM (SELECT (SUM(COALESCE(ED.card_used,'0')::numeric) + SUM(COALESCE(ED.cash_used,'0')::numeric) - SUM(COALESCE(ED.payment,'0')::numeric)) AS settle
+                            FROM expense_master EM
+                            LEFT OUTER JOIN expense_detail ED ON ED.expense_master_objid = EM.expense_master_objid
+                            WHERE EM.project_mgmt_objid = PM.objid::text
+                            GROUP BY EM.expense_master_objid) s), 0)
+            +
+            COALESCE((SELECT SUM(COALESCE(NULLIF(total_supply_unit_price,'')::numeric, 0))
+                      FROM purchase_order_master
+                      WHERE contract_mgmt_objid = PM.objid AND status = 'approvalComplete'), 0)
+          )
+          / (SELECT (COALESCE(ICG.material_cost_goal,'0')::numeric + COALESCE(ICG.labor_cost_goal,'0')::numeric + COALESCE(ICG.expense_cost_goal,'0')::numeric)
+             FROM input_cost_goal ICG WHERE ICG.contract_objid::text = PM.objid::text LIMIT 1) * 100, 1)
+      END AS "TOTAL_INPUT_RATE",
+      -- 이슈 통계 (planning_issue)
+      (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release') AS "ISSUE_CNT",
+      (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release'
+         AND COALESCE(design_result,'') != '' AND COALESCE(design_date,'') != '') AS "COMP_CNT",
+      ((SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release')
+       - (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release'
+          AND COALESCE(design_result,'') != '' AND COALESCE(design_date,'') != '')) AS "MISS_CNT",
+      CASE WHEN (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release') = 0 THEN 0
+           ELSE ROUND(
+             (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release'
+              AND COALESCE(design_result,'') != '' AND COALESCE(design_date,'') != '')::numeric
+             / (SELECT COUNT(1) FROM planning_issue WHERE project_objid = PM.objid::text AND status = 'release')::numeric * 100, 1)
+      END AS "ISSUE_RATE",
+      -- 출고 정보
+      RM.release_date AS "RELEASE_DATE",
+      CASE
+        WHEN COALESCE(TRIM(RM.release_date),'') != '' THEN '출고'
+        ELSE '미출고'
+      END AS "RELEASE_STATUS_TITLE",
+      -- 진척율 (단순화: WBS task 완료/전체)
+      CASE WHEN (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) = 0 THEN 0
+           ELSE ROUND(
+             ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+              - (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+                 AND (COALESCE(design_act_end,'') = '')))::numeric
+             / (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)::numeric * 100, 1)
+      END AS "TOTAL_RATE",
+      -- 셋업 진척율
+      CASE WHEN (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                  AND COALESCE(parent_objid,'') != '') = 0 THEN 0
+           ELSE ROUND(
+             (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                AND COALESCE(setup_act_end,'') != '' AND COALESCE(parent_objid,'') != '')::numeric
+             / (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                AND COALESCE(parent_objid,'') != '')::numeric * 100, 1)
+      END AS "SETUP_RATE",
+      TO_CHAR(PM.regdate, 'YYYY-MM-DD') AS "REGDATE"
+    FROM project_mgmt PM
+    LEFT OUTER JOIN release_mgmt RM
+      ON RM.parent_objid = PM.objid::text
+    WHERE ${where}
+    ORDER BY PM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/project/total/route.ts b/src/app/api/project/total/route.ts
new file mode 100644
index 0000000..243e6c1
--- /dev/null
+++ b/src/app/api/project/total/route.ts
@@ -0,0 +1,146 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트종합 (Gantt) - dashboard.projectMgmtTimeLineGridList_old 대응
+// 원본: PROJECT_MGMT + CONTRACT_MGMT + WBS act_start/end 집계
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // 년도: T.REQ_DEL_DATE YYYY 기준 (원본 매퍼)
+  if (body.Year || body.year) {
+    conditions.push(`TO_CHAR(TO_DATE(PM.req_del_date, 'YYYY-MM-DD'), 'YYYY') = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  const projectNos = body.project_nos || body.project_no;
+  if (projectNos) {
+    const arr = String(projectNos).split(",").map((s) => s.trim()).filter(Boolean);
+    if (arr.length > 0) {
+      const ph = arr.map(() => `$${idx++}`).join(",");
+      conditions.push(`PM.objid::text IN (${ph})`);
+      arr.forEach((v) => params.push(v));
+    }
+  }
+  if (body.category_cd) {
+    conditions.push(`PM.category_cd = $${idx++}`);
+    params.push(body.category_cd);
+  }
+  if (body.customer_objid) {
+    conditions.push(`PM.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`PM.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`CM.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+  if (body.location) {
+    conditions.push(`UPPER(CM.location) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.location);
+  }
+  if (body.setup) {
+    conditions.push(`UPPER(CM.setup) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.setup);
+  }
+  if (body.contract_start_date) {
+    conditions.push(`TO_DATE(CM.due_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.contract_start_date);
+  }
+  if (body.contract_end_date) {
+    conditions.push(`TO_DATE(CM.due_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.contract_end_date);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      PM.objid::text AS "OBJID",
+      PM.category_cd AS "CATEGORY_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+      PM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = PM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      PM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.product LIMIT 1) AS "PRODUCT_NAME",
+      PM.project_no AS "PROJECT_NO",
+      PM.project_name AS "PROJECT_NAME",
+      PM.manufacture_plant AS "MANUFACTURE_PLANT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.manufacture_plant LIMIT 1) AS "MANUFACTURE_PLANT_NAME",
+      PM.req_del_date AS "REQ_DEL_DATE",
+      (SELECT user_name FROM user_info WHERE user_id = CM.pm_user_id LIMIT 1) AS "PM_USER_NAME",
+
+      -- 실행 시작/종료 (Gantt 렌더용)
+      (SELECT MIN(design_act_start) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+        AND COALESCE(design_act_start,'') != '') AS "DESIGN_ACT_START",
+      (SELECT MAX(design_act_end) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) AS "DESIGN_ACT_END",
+      (SELECT MIN(purchase_act_start) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+        AND COALESCE(purchase_act_start,'') != '') AS "PURCHASE_ACT_START",
+      (SELECT MAX(purchase_act_end) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) AS "PURCHASE_ACT_END",
+      (SELECT MIN(produce_act_start) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+        AND COALESCE(produce_act_start,'') != '') AS "PRODUCE_ACT_START",
+      (SELECT MAX(produce_act_end) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) AS "PRODUCE_ACT_END",
+      (SELECT MIN(setup_act_start) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+        AND COALESCE(setup_act_start,'') != '') AS "SETUP_ACT_START",
+      (SELECT MAX(setup_act_end) FROM setup_wbs_task WHERE contract_objid = PM.objid::text) AS "SETUP_ACT_END",
+
+      -- 진척율
+      CASE WHEN (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) = 0 THEN 0
+           ELSE ROUND(
+             ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+              - (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+                 AND (COALESCE(design_act_end,'') = '')))::numeric
+             / (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)::numeric * 100, 1)
+      END AS "DESIGN_RATETOTAL",
+      CASE WHEN (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text) = 0 THEN 0
+           ELSE ROUND(
+             ((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+              - (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+                 AND (COALESCE(purchase_act_end,'') = '')))::numeric
+             / (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)::numeric * 100, 1)
+      END AS "PURCHASE_RATETOTAL",
+      COALESCE(ROUND(
+        (SELECT SUM(COALESCE(produce_rate,'0')::numeric) FROM pms_wbs_task WHERE contract_objid = PM.objid::text)
+        / NULLIF((SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text), 0), 1), 0) AS "PRODUCE_RATETOTAL",
+      COALESCE(
+        CASE WHEN (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                    AND COALESCE(parent_objid,'') != '') = 0 THEN 0
+             ELSE ROUND(
+               (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                  AND COALESCE(setup_act_end,'') != '' AND COALESCE(parent_objid,'') != '')::numeric
+               / (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+                  AND COALESCE(parent_objid,'') != '')::numeric * 100, 1)
+        END, 0) AS "SETUP_RATETOTAL",
+
+      -- 지연 카운트 (상태 판정용)
+      (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+         AND COALESCE(design_act_end,'') = '' AND COALESCE(design_plan_end,'') != ''
+         AND TO_DATE(design_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "DESIGN_LATE_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+         AND COALESCE(purchase_act_end,'') = '' AND COALESCE(purchase_plan_end,'') != ''
+         AND TO_DATE(purchase_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "PURCHASE_LATE_CNT",
+      (SELECT COUNT(1) FROM pms_wbs_task WHERE contract_objid = PM.objid::text
+         AND COALESCE(produce_act_end,'') = '' AND COALESCE(produce_plan_end,'') != ''
+         AND TO_DATE(produce_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "PRODUCE_LATE_CNT",
+      (SELECT COUNT(1) FROM setup_wbs_task WHERE contract_objid = PM.objid::text
+         AND COALESCE(parent_objid,'') != ''
+         AND COALESCE(setup_act_end,'') = '' AND COALESCE(setup_plan_end,'') != ''
+         AND TO_DATE(setup_plan_end,'YYYY-MM-DD') < CURRENT_DATE) AS "SETUP_LATE_CNT"
+
+    FROM project_mgmt PM
+    INNER JOIN contract_mgmt CM ON CM.objid = PM.contract_objid
+    WHERE ${where}
+    ORDER BY PM.req_del_date NULLS LAST, PM.project_no DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/project/wbs-setup/route.ts b/src/app/api/project/wbs-setup/route.ts
new file mode 100644
index 0000000..d59f20c
--- /dev/null
+++ b/src/app/api/project/wbs-setup/route.ts
@@ -0,0 +1,67 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 셋업 WBS 조회/저장 (setup_wbs_task)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "list");
+
+  if (action === "save") {
+    const rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+    try {
+      for (const r of rows) {
+        await execute(
+          `UPDATE setup_wbs_task SET
+             task_name = $1,
+             setup_plan_start = $2, setup_plan_end = $3,
+             setup_act_start = $4, setup_act_end = $5,
+             setup_rate = $6
+           WHERE objid = $7`,
+          [
+            String(r.TASK_NAME || ""),
+            String(r.SETUP_PLAN_START || ""), String(r.SETUP_PLAN_END || ""),
+            String(r.SETUP_ACT_START || ""), String(r.SETUP_ACT_END || ""),
+            String(r.SETUP_RATE || ""),
+            String(r.OBJID || ""),
+          ],
+        );
+      }
+      return NextResponse.json({ success: true, message: "저장되었습니다." });
+    } catch (e) {
+      console.error("wbs-setup save:", e);
+      return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  const contractObjId = String(body.contractObjId || body.OBJID || "");
+  if (!contractObjId) return NextResponse.json({ RESULTLIST: [], HEADER: {} });
+
+  const header = await queryOne<Record<string, unknown>>(
+    `SELECT project_no AS "PROJECT_NO", project_name AS "PROJECT_NAME",
+            (SELECT supply_name FROM supply_mng WHERE objid::text = customer_objid LIMIT 1) AS "CUSTOMER_NAME"
+       FROM project_mgmt WHERE objid = $1`,
+    [contractObjId],
+  );
+
+  const rows = await queryRows(
+    `SELECT T.objid::text AS "OBJID",
+            T.parent_objid::text AS "PARENT_OBJID",
+            T.task_name AS "TASK_NAME",
+            T.setup_plan_start AS "SETUP_PLAN_START",
+            T.setup_plan_end AS "SETUP_PLAN_END",
+            T.setup_act_start AS "SETUP_ACT_START",
+            T.setup_act_end AS "SETUP_ACT_END",
+            T.setup_rate AS "SETUP_RATE"
+       FROM setup_wbs_task T
+      WHERE T.contract_objid = $1
+        AND COALESCE(T.parent_objid, '') != ''
+      ORDER BY T.task_name`,
+    [contractObjId],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, HEADER: header ?? {} });
+}
diff --git a/src/app/api/project/wbs-task/route.ts b/src/app/api/project/wbs-task/route.ts
new file mode 100644
index 0000000..5a04c69
--- /dev/null
+++ b/src/app/api/project/wbs-task/route.ts
@@ -0,0 +1,133 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, queryOne, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS Task 조회/저장 (pms_wbs_task)
+// - action: list | save
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "list");
+
+  if (action === "save") {
+    const rows: Array<Record<string, unknown>> = Array.isArray(body.rows) ? body.rows : [];
+    try {
+      for (const r of rows) {
+        await execute(
+          `UPDATE pms_wbs_task SET
+             task_name = $1,
+             design_user_id = $2, design_plan_start = $3, design_plan_end = $4, design_act_start = $5, design_act_end = $6, design_rate = $7,
+             purchase_user_id = $8, purchase_plan_start = $9, purchase_plan_end = $10, purchase_act_start = $11, purchase_act_end = $12, purchase_rate = $13,
+             produce_user_id = $14, produce_plan_start = $15, produce_plan_end = $16, produce_act_start = $17, produce_act_end = $18, produce_rate = $19
+           WHERE objid = $20`,
+          [
+            String(r.TASK_NAME || ""),
+            String(r.DESIGN_USER_ID || ""), String(r.DESIGN_PLAN_START || ""), String(r.DESIGN_PLAN_END || ""), String(r.DESIGN_ACT_START || ""), String(r.DESIGN_ACT_END || ""), String(r.DESIGN_RATE || ""),
+            String(r.PURCHASE_USER_ID || ""), String(r.PURCHASE_PLAN_START || ""), String(r.PURCHASE_PLAN_END || ""), String(r.PURCHASE_ACT_START || ""), String(r.PURCHASE_ACT_END || ""), String(r.PURCHASE_RATE || ""),
+            String(r.PRODUCE_USER_ID || ""), String(r.PRODUCE_PLAN_START || ""), String(r.PRODUCE_PLAN_END || ""), String(r.PRODUCE_ACT_START || ""), String(r.PRODUCE_ACT_END || ""), String(r.PRODUCE_RATE || ""),
+            String(r.OBJID || ""),
+          ],
+        );
+      }
+      return NextResponse.json({ success: true, message: "저장되었습니다." });
+    } catch (e) {
+      console.error("wbs-task save:", e);
+      return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  // list
+  const contractObjId = String(body.contractObjId || body.OBJID || "");
+  if (!contractObjId) return NextResponse.json({ RESULTLIST: [], HEADER: {} });
+
+  const header = await queryOne<Record<string, unknown>>(
+    `SELECT project_no AS "PROJECT_NO", project_name AS "PROJECT_NAME",
+            (SELECT code_name FROM comm_code WHERE code_id = category_cd LIMIT 1) AS "CATEGORY_NAME",
+            (SELECT supply_name FROM supply_mng WHERE objid::text = customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+            contract_del_date AS "CONTRACT_DEL_DATE"
+       FROM project_mgmt WHERE objid = $1`,
+    [contractObjId],
+  );
+
+  const rows = await queryRows<Record<string, unknown>>(
+    `SELECT T.objid::text AS "OBJID",
+            T.parent_objid::text AS "PARENT_OBJID",
+            T.task_name AS "TASK_NAME",
+            T.unit_no AS "UNIT_NO",
+            T.design_user_id AS "DESIGN_USER_ID",
+            (SELECT user_name FROM user_info WHERE user_id = T.design_user_id LIMIT 1) AS "DESIGN_USER_NAME",
+            T.design_plan_start AS "DESIGN_PLAN_START",
+            T.design_plan_end AS "DESIGN_PLAN_END",
+            T.design_act_start AS "DESIGN_ACT_START",
+            T.design_act_end AS "DESIGN_ACT_END",
+            T.design_rate AS "DESIGN_RATE",
+            T.purchase_user_id AS "PURCHASE_USER_ID",
+            (SELECT user_name FROM user_info WHERE user_id = T.purchase_user_id LIMIT 1) AS "PURCHASE_USER_NAME",
+            T.purchase_plan_start AS "PURCHASE_PLAN_START",
+            T.purchase_plan_end AS "PURCHASE_PLAN_END",
+            T.purchase_act_start AS "PURCHASE_ACT_START",
+            T.purchase_act_end AS "PURCHASE_ACT_END",
+            T.purchase_rate AS "PURCHASE_RATE",
+            T.produce_user_id AS "PRODUCE_USER_ID",
+            (SELECT user_name FROM user_info WHERE user_id = T.produce_user_id LIMIT 1) AS "PRODUCE_USER_NAME",
+            T.produce_plan_start AS "PRODUCE_PLAN_START",
+            T.produce_plan_end AS "PRODUCE_PLAN_END",
+            T.produce_act_start AS "PRODUCE_ACT_START",
+            T.produce_act_end AS "PRODUCE_ACT_END",
+            T.produce_rate AS "PRODUCE_RATE"
+       FROM pms_wbs_task T
+      WHERE T.contract_objid = $1
+      ORDER BY T.unit_no NULLS LAST, T.task_name`,
+    [contractObjId],
+  );
+
+  // Master 행(집계) 생성 — 원본 project.getProjectProductTaskList UNION 로직 대응
+  // 시작일 MIN, 종료일 MAX, 진척율 평균(ROUND 1자리)
+  const master = buildMasterRow(rows);
+  const resultList = master ? [master, ...rows.map((r) => ({ ...r, IS_MASTER: "0" }))] : rows;
+
+  return NextResponse.json({ RESULTLIST: resultList, HEADER: header ?? {} });
+}
+
+function buildMasterRow(rows: Record<string, unknown>[]): Record<string, unknown> | null {
+  if (rows.length === 0) return null;
+
+  const minDate = (field: string) => {
+    const vals = rows.map((r) => String(r[field] ?? "")).filter((v) => v !== "");
+    return vals.length === 0 ? "" : vals.reduce((a, b) => (a < b ? a : b));
+  };
+  const maxDate = (field: string) => {
+    const vals = rows.map((r) => String(r[field] ?? "")).filter((v) => v !== "");
+    return vals.length === 0 ? "" : vals.reduce((a, b) => (a > b ? a : b));
+  };
+  const avgRate = (field: string) => {
+    const nums = rows.map((r) => parseFloat(String(r[field] ?? "0")) || 0);
+    if (nums.length === 0) return "";
+    const avg = nums.reduce((a, b) => a + b, 0) / nums.length;
+    return String(Math.round(avg * 10) / 10);
+  };
+
+  return {
+    IS_MASTER: "1",
+    OBJID: "",
+    TASK_NAME: "",
+    UNIT_NO: "",
+    DESIGN_PLAN_START: minDate("DESIGN_PLAN_START"),
+    DESIGN_PLAN_END: maxDate("DESIGN_PLAN_END"),
+    DESIGN_ACT_START: minDate("DESIGN_ACT_START"),
+    DESIGN_ACT_END: maxDate("DESIGN_ACT_END"),
+    DESIGN_RATE: avgRate("DESIGN_RATE"),
+    PURCHASE_PLAN_START: minDate("PURCHASE_PLAN_START"),
+    PURCHASE_PLAN_END: maxDate("PURCHASE_PLAN_END"),
+    PURCHASE_ACT_START: minDate("PURCHASE_ACT_START"),
+    PURCHASE_ACT_END: maxDate("PURCHASE_ACT_END"),
+    PURCHASE_RATE: avgRate("PURCHASE_RATE"),
+    PRODUCE_PLAN_START: minDate("PRODUCE_PLAN_START"),
+    PRODUCE_PLAN_END: maxDate("PRODUCE_PLAN_END"),
+    PRODUCE_ACT_START: minDate("PRODUCE_ACT_START"),
+    PRODUCE_ACT_END: maxDate("PRODUCE_ACT_END"),
+    PRODUCE_RATE: avgRate("PRODUCE_RATE"),
+  };
+}
diff --git a/src/app/api/project/wbs-template/delete/route.ts b/src/app/api/project/wbs-template/delete/route.ts
new file mode 100644
index 0000000..936fb71
--- /dev/null
+++ b/src/app/api/project/wbs-template/delete/route.ts
@@ -0,0 +1,34 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS 템플릿 삭제 (project.deleteWBSTemplateTask 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds } = body;
+
+  if (!objIds || !Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    // 하위 Task 먼저 삭제
+    await execute(
+      `DELETE FROM pms_wbs_task_standard WHERE parent_objid IN (${placeholders})`,
+      objIds
+    );
+    // 템플릿 삭제
+    await execute(
+      `DELETE FROM pms_wbs_template WHERE objid IN (${placeholders})`,
+      objIds
+    );
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("WBS template delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/project/wbs-template/detail/route.ts b/src/app/api/project/wbs-template/detail/route.ts
new file mode 100644
index 0000000..0c5266a
--- /dev/null
+++ b/src/app/api/project/wbs-template/detail/route.ts
@@ -0,0 +1,26 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS 템플릿 마스터 상세 (project.getWBSTemplateMasterInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId 필요" }, { status: 400 });
+
+  const row = await queryOne<Record<string, unknown>>(
+    `SELECT T.objid::text AS "OBJID",
+       T.product_objid AS "PRODUCT_OBJID",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = T.product_objid LIMIT 1), '') AS "PRODUCT_OBJID_NAME",
+       T.title AS "TITLE",
+       T.writer AS "WRITER",
+       T.customer_product AS "CUSTOMER_PRODUCT"
+     FROM pms_wbs_template T
+     WHERE T.objid = $1`,
+    [objId]
+  );
+
+  return NextResponse.json({ success: true, data: row ?? {} });
+}
diff --git a/src/app/api/project/wbs-template/excel-save/route.ts b/src/app/api/project/wbs-template/excel-save/route.ts
new file mode 100644
index 0000000..5ba7655
--- /dev/null
+++ b/src/app/api/project/wbs-template/excel-save/route.ts
@@ -0,0 +1,69 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+interface TaskInput {
+  task_name?: string;
+  unit_no?: string;
+}
+
+// Excel import 저장 (project.mergeExcelUploadWBS 대응)
+// - 동일 PRODUCT + TITLE 존재 시 오류
+// - pms_wbs_template INSERT + pms_wbs_task_standard 일괄 INSERT (한 트랜잭션)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const product = String(body.product || "");
+  const title = String(body.title || "");
+  const customerProduct = String(body.customer_product || "");
+  const tasks: TaskInput[] = Array.isArray(body.tasks) ? body.tasks : [];
+
+  if (!product) return NextResponse.json({ success: false, message: "제품은 필수값입니다." }, { status: 400 });
+  if (!title) return NextResponse.json({ success: false, message: "기계형식을 입력해 주세요." }, { status: 400 });
+  if (!customerProduct) return NextResponse.json({ success: false, message: "고객사_장비목적을 입력해 주세요." }, { status: 400 });
+  if (tasks.length === 0) return NextResponse.json({ success: false, message: "저장할 정보가 없습니다." }, { status: 400 });
+
+  const client = await pool.connect();
+  try {
+    // 중복 체크 (project.getWBSTemplateProductList 대응)
+    const dup = await client.query(
+      `SELECT 1 FROM pms_wbs_template WHERE product_objid = $1 AND title = $2 LIMIT 1`,
+      [product, title]
+    );
+    if ((dup.rowCount ?? 0) > 0) {
+      return NextResponse.json({ success: false, message: "이미 해당 기계형식으로 등록된 정보가 존재합니다." }, { status: 400 });
+    }
+
+    await client.query("BEGIN");
+
+    const masterId = createObjectId();
+    await client.query(
+      `INSERT INTO pms_wbs_template (objid, product_objid, title, customer_product, writer, reg_date)
+       VALUES ($1, $2, $3, $4, $5, now())`,
+      [masterId, product, title, customerProduct, user.userId]
+    );
+
+    for (let i = 0; i < tasks.length; i++) {
+      const t = tasks[i];
+      const taskName = String(t.task_name || "").trim();
+      if (!taskName) continue;
+      await client.query(
+        `INSERT INTO pms_wbs_task_standard (objid, parent_objid, task_name, task_seq, user_id, writer, reg_date, unit_no)
+         VALUES ($1, $2, $3, $4, $5, $6, now(), $7)`,
+        [createObjectId(), masterId, taskName, String(i + 1), "", user.userId, String(t.unit_no || "")]
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, objId: masterId, message: "저장하였습니다." });
+  } catch (error) {
+    await client.query("ROLLBACK");
+    console.error("WBS excel save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/project/wbs-template/master-save/route.ts b/src/app/api/project/wbs-template/master-save/route.ts
new file mode 100644
index 0000000..6012572
--- /dev/null
+++ b/src/app/api/project/wbs-template/master-save/route.ts
@@ -0,0 +1,24 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS 템플릿 마스터 CUSTOMER_PRODUCT 수정 (project.saveWBSTemplateMasterInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objId, customer_product } = body;
+  if (!objId) return NextResponse.json({ success: false, message: "objId 필요" }, { status: 400 });
+
+  try {
+    await execute(
+      `UPDATE pms_wbs_template SET customer_product = $1 WHERE objid = $2`,
+      [customer_product ?? "", objId]
+    );
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (error) {
+    console.error("WBS template master save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/project/wbs-template/route.ts b/src/app/api/project/wbs-template/route.ts
new file mode 100644
index 0000000..d008465
--- /dev/null
+++ b/src/app/api/project/wbs-template/route.ts
@@ -0,0 +1,40 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 프로젝트관리 > 제품구분_UNIT관리 (pms_wbs_template)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // 원본 JSP: 제품구분(product)만 검색 파라미터로 사용
+  if (body.product) {
+    conditions.push(`T.product_objid = $${idx++}`);
+    params.push(body.product);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT T.objid::text AS "OBJID",
+      T.product_objid AS "PRODUCT_OBJID",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = T.product_objid LIMIT 1), '') AS "PRODUCT_NAME",
+      T.title AS "TITLE",
+      T.customer_product AS "CUSTOMER_PRODUCT",
+      T.writer AS "WRITER",
+      COALESCE((SELECT COALESCE(dept_name, '') || user_name FROM user_info WHERE user_id = T.writer LIMIT 1), T.writer) AS "WRITER_TITLE",
+      TO_CHAR(T.reg_date, 'YYYY-MM-DD') AS "REG_DATE_TITLE",
+      COALESCE((SELECT COUNT(*) FROM pms_wbs_task_standard WHERE parent_objid = T.objid), 0) AS "WBS_TASK_CNT"
+     FROM pms_wbs_template T
+     WHERE ${where}
+     ORDER BY T.product_objid, T.title`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/project/wbs-template/save/route.ts b/src/app/api/project/wbs-template/save/route.ts
new file mode 100644
index 0000000..9f2e4ca
--- /dev/null
+++ b/src/app/api/project/wbs-template/save/route.ts
@@ -0,0 +1,33 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// WBS 템플릿 저장 (project.saveWBSTemplateTaskInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const objId = isNew ? createObjectId() : body.objId;
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO pms_wbs_template (objid, title, product_objid, customer_product, writer, reg_date)
+       VALUES ($1, $2, $3, $4, $5, now())
+       ON CONFLICT (objid) DO UPDATE SET
+         title = EXCLUDED.title,
+         product_objid = EXCLUDED.product_objid,
+         customer_product = EXCLUDED.customer_product`,
+      [objId, body.title || "", body.product_objid || "", body.customer_product || "", user.userId]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (error) {
+    console.error("WBS template save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/project/wbs-template/task-delete/route.ts b/src/app/api/project/wbs-template/task-delete/route.ts
new file mode 100644
index 0000000..450fb79
--- /dev/null
+++ b/src/app/api/project/wbs-template/task-delete/route.ts
@@ -0,0 +1,23 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS 템플릿 Task 삭제 (project.deleteWBSTemplateTask 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "선택된 대상이 없습니다." });
+  }
+
+  try {
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM pms_wbs_task_standard WHERE objid IN (${placeholders})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("WBS template task delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/project/wbs-template/task-detail/route.ts b/src/app/api/project/wbs-template/task-detail/route.ts
new file mode 100644
index 0000000..a6e3e73
--- /dev/null
+++ b/src/app/api/project/wbs-template/task-detail/route.ts
@@ -0,0 +1,25 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS 템플릿 Task 단건 조회 (project.getWBSTemplateTaskInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: true, data: {} });
+
+  const row = await queryOne<Record<string, unknown>>(
+    `SELECT T.objid::text AS "OBJID",
+       T.parent_objid::text AS "PARENT_OBJID",
+       T.task_name AS "TASK_NAME",
+       T.task_seq AS "TASK_SEQ",
+       T.user_id AS "USER_ID",
+       T.unit_no AS "UNIT_NO"
+     FROM pms_wbs_task_standard T
+     WHERE T.objid = $1`,
+    [objId]
+  );
+  return NextResponse.json({ success: true, data: row ?? {} });
+}
diff --git a/src/app/api/project/wbs-template/task-save/route.ts b/src/app/api/project/wbs-template/task-save/route.ts
new file mode 100644
index 0000000..59cdf4e
--- /dev/null
+++ b/src/app/api/project/wbs-template/task-save/route.ts
@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// WBS 템플릿 Task 저장 (project.saveWBSTemplateTaskInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const parentObjId = String(body.parent_objid || "");
+  const taskName = String(body.task_name || "");
+  const unitNo = String(body.unit_no || "");
+  const taskSeq = String(body.task_seq || "");
+
+  if (!parentObjId) return NextResponse.json({ success: false, message: "PARENT_OBJID 필요" }, { status: 400 });
+  if (!taskName) return NextResponse.json({ success: false, message: "UNIT Name을 입력하세요." }, { status: 400 });
+
+  const isNew = !body.objid;
+  const objId = isNew ? createObjectId() : String(body.objid);
+
+  try {
+    await execute(
+      `INSERT INTO pms_wbs_task_standard (objid, parent_objid, task_name, task_seq, user_id, writer, reg_date, unit_no)
+       VALUES ($1, $2, $3, $4, $5, $6, now(), $7)
+       ON CONFLICT (objid) DO UPDATE SET
+         task_name = EXCLUDED.task_name,
+         task_seq = EXCLUDED.task_seq,
+         user_id = EXCLUDED.user_id,
+         unit_no = EXCLUDED.unit_no`,
+      [objId, parentObjId, taskName, taskSeq, user.userId, user.userId, unitNo]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (error) {
+    console.error("WBS template task save:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/project/wbs-template/tasks/route.ts b/src/app/api/project/wbs-template/tasks/route.ts
new file mode 100644
index 0000000..0edae24
--- /dev/null
+++ b/src/app/api/project/wbs-template/tasks/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// WBS 템플릿 하위 Task 목록 (project.getWBSTemplateTaskList 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { parentObjId } = await request.json();
+  if (!parentObjId) return NextResponse.json({ RESULTLIST: [], TOTAL_CNT: 0 });
+
+  const rows = await queryRows(
+    `SELECT T.objid::text AS "OBJID",
+       T.parent_objid::text AS "PARENT_OBJID",
+       T.task_name AS "TASK_NAME",
+       T.task_seq AS "TASK_SEQ",
+       T.user_id AS "USER_ID",
+       (SELECT user_name FROM user_info WHERE user_id = T.user_id LIMIT 1) AS "USER_ID_TITLE",
+       T.unit_no AS "UNIT_NO"
+     FROM pms_wbs_task_standard T
+     WHERE T.parent_objid = $1
+     ORDER BY T.unit_no`,
+    [parentObjId]
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/purchase-order/delete/route.ts b/src/app/api/purchase-order/delete/route.ts
new file mode 100644
index 0000000..19a8aa8
--- /dev/null
+++ b/src/app/api/purchase-order/delete/route.ts
@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 발주서 삭제 (purchaseOrder.deletePurchaseOrderMaster 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!objIds?.length) return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM purchase_order_part WHERE purchase_order_master_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM purchase_order_master WHERE objid IN (${ph})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Purchase order delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase-order/detail/route.ts b/src/app/api/purchase-order/detail/route.ts
new file mode 100644
index 0000000..35eccc3
--- /dev/null
+++ b/src/app/api/purchase-order/detail/route.ts
@@ -0,0 +1,96 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 발주서 상세 조회 (purchaseOrder.getPurchaseOrderMasterInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objId } = body;
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  // 마스터 조회
+  const master = await queryOne(
+    `SELECT POM.objid::text AS "OBJID",
+       POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+       POM.title AS "TITLE",
+       POM.type AS "TYPE",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.type LIMIT 1), '') AS "TYPE_NAME",
+       POM.order_type_cd AS "ORDER_TYPE_CD",
+       POM.purchase_order_no_org AS "PURCHASE_ORDER_NO_ORG",
+       POM.partner_objid AS "PARTNER_OBJID",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "PARTNER_NAME",
+       POM.my_company_objid AS "MY_COMPANY_OBJID",
+       POM.contract_mgmt_objid::text AS "CONTRACT_MGMT_OBJID",
+       POM.unit_code AS "UNIT_CODE",
+       POM.delivery_date AS "DELIVERY_DATE",
+       POM.delivery_place AS "DELIVERY_PLACE",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.delivery_place LIMIT 1), '') AS "DELIVERY_PLACE_NAME",
+       POM.effective_date AS "EFFECTIVE_DATE",
+       POM.payment_terms AS "PAYMENT_TERMS",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.payment_terms LIMIT 1), '') AS "PAYMENT_TERMS_NAME",
+       POM.vat_method AS "VAT_METHOD",
+       POM.remark AS "REMARK",
+       POM.sales_mng_user_id AS "SALES_MNG_USER_ID",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1), '') AS "SALES_MNG_USER_NAME",
+       POM.total_supply_unit_price AS "TOTAL_SUPPLY_UNIT_PRICE",
+       POM.total_supply_price AS "TOTAL_SUPPLY_PRICE",
+       POM.total_real_supply_price AS "TOTAL_REAL_SUPPLY_PRICE",
+       POM.discount_price AS "DISCOUNT_PRICE",
+       POM.total_price AS "TOTAL_PRICE",
+       POM.nego_rate AS "NEGO_RATE",
+       POM.total_price_txt AS "TOTAL_PRICE_TXT",
+       POM.status AS "STATUS",
+       CASE POM.status
+         WHEN 'create' THEN '등록'
+         WHEN 'approvalRequest' THEN '결재중'
+         WHEN 'approvalComplete' THEN '결재완료'
+         WHEN 'reject' THEN '반려'
+         WHEN 'cancel' THEN '취소'
+         ELSE '' END AS "STATUS_NAME",
+       POM.project_no AS "PROJECT_NO",
+       POM.writer AS "WRITER",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = POM.writer LIMIT 1), '') AS "WRITER_NAME",
+       TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE"
+     FROM purchase_order_master POM
+     WHERE POM.objid::text = $1`,
+    [objId]
+  );
+
+  if (!master) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  // 부품 목록 조회
+  const parts = await queryRows(
+    `SELECT POP.objid::text AS "OBJID",
+       POP.part_objid AS "PART_OBJID",
+       POP.part_no AS "PART_NO",
+       POP.part_name AS "PART_NAME",
+       POP.spec AS "SPEC",
+       POP.maker AS "MAKER",
+       POP.unit AS "UNIT",
+       POP.bom_qty AS "BOM_QTY",
+       POP.qty AS "QTY",
+       POP.order_qty AS "ORDER_QTY",
+       POP.partner_price AS "PARTNER_PRICE",
+       POP.price1 AS "PRICE1",
+       POP.price2 AS "PRICE2",
+       POP.price3 AS "PRICE3",
+       POP.price4 AS "PRICE4",
+       POP.supply_unit_price AS "SUPPLY_UNIT_PRICE",
+       POP.supply_unit_vat_price AS "SUPPLY_UNIT_VAT_PRICE",
+       POP.supply_unit_vat_sum_price AS "SUPPLY_UNIT_VAT_SUM_PRICE",
+       POP.total_order_qty AS "TOTAL_ORDER_QTY",
+       POP.stock_qty AS "STOCK_QTY",
+       POP.real_order_qty AS "REAL_ORDER_QTY",
+       POP.real_supply_price AS "REAL_SUPPLY_PRICE",
+       POP.remark AS "REMARK"
+     FROM purchase_order_part POP
+     WHERE POP.purchase_order_master_objid = $1
+     ORDER BY POP.part_no`,
+    [objId]
+  );
+
+  return NextResponse.json({ success: true, data: master, PARTS: parts });
+}
diff --git a/src/app/api/purchase-order/parts/route.ts b/src/app/api/purchase-order/parts/route.ts
new file mode 100644
index 0000000..22e124a
--- /dev/null
+++ b/src/app/api/purchase-order/parts/route.ts
@@ -0,0 +1,40 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 발주폼용 부품 검색 (part_mng에서 검색하여 추가)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["P.status = 'release'", "P.is_last = 'Y'"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.part_no) {
+    conditions.push(`P.part_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(`P.part_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_name);
+  }
+
+  const rows = await queryRows(
+    `SELECT P.objid::text AS "PART_OBJID",
+       P.part_no AS "PART_NO",
+       P.part_name AS "PART_NAME",
+       P.spec AS "SPEC",
+       P.maker AS "MAKER",
+       P.unit AS "UNIT",
+       COALESCE(P.qty::text, '0') AS "BOM_QTY"
+     FROM part_mng P
+     WHERE ${conditions.join(" AND ")}
+     ORDER BY P.part_no
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/purchase-order/route.ts b/src/app/api/purchase-order/route.ts
new file mode 100644
index 0000000..15275e9
--- /dev/null
+++ b/src/app/api/purchase-order/route.ts
@@ -0,0 +1,49 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 발주관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.po_no) {
+    conditions.push(`POM.purchase_order_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.po_no);
+  }
+  if (body.supplier_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.supplier_name);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const rows = await queryRows(
+    `SELECT POM.objid::text AS "OBJID",
+       POM.purchase_order_no AS "PO_NO",
+       POM.project_no AS "PROJECT_NO",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+       POM.title AS "PO_NAME",
+       POM.delivery_date AS "PO_DATE",
+       POM.delivery_date AS "DELIVERY_DATE",
+       COALESCE(POM.total_supply_price, '0') AS "PO_AMOUNT",
+       COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.status LIMIT 1), POM.status) AS "STATUS_NAME",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = POM.writer LIMIT 1), POM.writer) AS "WRITER_NAME"
+     FROM purchase_order_master POM
+     WHERE ${where}
+     ORDER BY POM.regdate DESC
+`,
+    params
+  );
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/purchase-order/save/route.ts b/src/app/api/purchase-order/save/route.ts
new file mode 100644
index 0000000..379f720
--- /dev/null
+++ b/src/app/api/purchase-order/save/route.ts
@@ -0,0 +1,162 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 발주서 저장 (purchaseOrder.mergePurchaseOrderMaster + mergePurchaseOrderPartInfo 대응)
+// 발주번호 자동 생성: PO-YYMM-NNN
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const masterObjId = isNew ? createObjectId() : body.objId;
+  const parts: Record<string, unknown>[] = body.parts || [];
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // === 발주번호 생성 (신규시) ===
+    let purchaseOrderNo = body.purchase_order_no || "";
+    if (isNew && !purchaseOrderNo) {
+      const prefix = `PO-${new Date().toISOString().slice(2, 4)}${String(new Date().getMonth() + 1).padStart(2, "0")}-`;
+      const maxResult = await client.query(
+        `SELECT MAX(
+           CASE WHEN SPLIT_PART(purchase_order_no, '-', 3) = '' OR purchase_order_no IS NULL THEN '0'
+                ELSE SPLIT_PART(purchase_order_no, '-', 3) END::numeric
+         )::integer + 1 AS next_seq
+         FROM purchase_order_master`
+      );
+      const nextSeq = maxResult.rows[0]?.next_seq || 1;
+      purchaseOrderNo = `${prefix}${nextSeq}`;
+    }
+
+    // === 마스터 UPSERT ===
+    await client.query(
+      `INSERT INTO purchase_order_master (
+        objid, purchase_order_no, title, type, order_type_cd, purchase_order_no_org,
+        partner_objid, my_company_objid, contract_mgmt_objid, unit_code,
+        delivery_date, delivery_place, effective_date, payment_terms,
+        vat_method, remark, sales_mng_user_id,
+        total_supply_unit_price, total_supply_price, total_real_supply_price,
+        discount_price, total_price, nego_rate, total_price_txt,
+        writer, regdate, status, project_no
+      ) VALUES (
+        $1, $2, $3, $4, $5, $6,
+        $7, $8, $9::numeric, $10,
+        $11, $12, $13, $14,
+        $15, $16, $17,
+        $18, $19, $20,
+        $21, $22, $23, $24,
+        $25, now(), $26, $27
+      )
+      ON CONFLICT (objid) DO UPDATE SET
+        title = EXCLUDED.title,
+        type = EXCLUDED.type,
+        order_type_cd = EXCLUDED.order_type_cd,
+        purchase_order_no_org = EXCLUDED.purchase_order_no_org,
+        partner_objid = EXCLUDED.partner_objid,
+        my_company_objid = EXCLUDED.my_company_objid,
+        contract_mgmt_objid = EXCLUDED.contract_mgmt_objid,
+        unit_code = EXCLUDED.unit_code,
+        delivery_date = EXCLUDED.delivery_date,
+        delivery_place = EXCLUDED.delivery_place,
+        effective_date = EXCLUDED.effective_date,
+        payment_terms = EXCLUDED.payment_terms,
+        vat_method = EXCLUDED.vat_method,
+        remark = EXCLUDED.remark,
+        sales_mng_user_id = EXCLUDED.sales_mng_user_id,
+        total_supply_unit_price = EXCLUDED.total_supply_unit_price,
+        total_supply_price = EXCLUDED.total_supply_price,
+        total_real_supply_price = EXCLUDED.total_real_supply_price,
+        discount_price = EXCLUDED.discount_price,
+        total_price = EXCLUDED.total_price,
+        nego_rate = EXCLUDED.nego_rate,
+        total_price_txt = EXCLUDED.total_price_txt,
+        status = EXCLUDED.status,
+        project_no = EXCLUDED.project_no`,
+      [
+        masterObjId, purchaseOrderNo, body.title || "", body.type || "",
+        body.order_type_cd || "", body.purchase_order_no_org || "",
+        body.partner_objid || "", body.my_company_objid || "",
+        body.contract_mgmt_objid || null, body.unit_code || "",
+        body.delivery_date || null, body.delivery_place || "",
+        body.effective_date || null, body.payment_terms || "",
+        body.vat_method || "", body.remark || "", body.sales_mng_user_id || "",
+        body.total_supply_unit_price || "0", body.total_supply_price || "0",
+        body.total_real_supply_price || "0",
+        body.discount_price || "0", body.total_price || "0",
+        body.nego_rate || "0", body.total_price_txt || "",
+        user.userId, body.status || "create", body.project_no || "",
+      ]
+    );
+
+    // === 기존 파트 삭제 후 재입력 (수정 시) ===
+    if (!isNew) {
+      await client.query(
+        `DELETE FROM purchase_order_part WHERE purchase_order_master_objid = $1`,
+        [masterObjId]
+      );
+    }
+
+    // === 파트 INSERT ===
+    for (const part of parts) {
+      const partObjId = String(part.OBJID || part.objId || "") || createObjectId();
+      await client.query(
+        `INSERT INTO purchase_order_part (
+          objid, purchase_order_master_objid, part_objid,
+          part_no, part_name, spec, maker, unit,
+          bom_qty, qty, order_qty, partner_price,
+          price1, price2, price3, price4,
+          supply_unit_price, supply_unit_vat_price, supply_unit_vat_sum_price,
+          total_order_qty, stock_qty, real_order_qty, real_supply_price,
+          remark, writer, regdate, status
+        ) VALUES (
+          $1, $2, $3,
+          $4, $5, $6, $7, $8,
+          REPLACE($9::varchar, ',', ''), REPLACE($10::varchar, ',', ''),
+          REPLACE($11::varchar, ',', ''), REPLACE($12::varchar, ',', ''),
+          REPLACE($13::varchar, ',', ''), REPLACE($14::varchar, ',', ''),
+          REPLACE($15::varchar, ',', ''), REPLACE($16::varchar, ',', ''),
+          REPLACE($17::varchar, ',', ''), REPLACE($18::varchar, ',', ''),
+          REPLACE($19::varchar, ',', ''),
+          REPLACE($20::varchar, ',', ''), REPLACE($21::varchar, ',', ''),
+          REPLACE($22::varchar, ',', ''), REPLACE($23::varchar, ',', ''),
+          $24, $25, now(), 'active'
+        )`,
+        [
+          partObjId, masterObjId, String(part.PART_OBJID || ""),
+          String(part.PART_NO || ""), String(part.PART_NAME || ""),
+          String(part.SPEC || ""), String(part.MAKER || ""),
+          String(part.UNIT || ""),
+          String(part.BOM_QTY || "0"), String(part.QTY || "0"),
+          String(part.ORDER_QTY || "0"), String(part.PARTNER_PRICE || "0"),
+          String(part.PRICE1 || "0"), String(part.PRICE2 || "0"),
+          String(part.PRICE3 || "0"), String(part.PRICE4 || "0"),
+          String(part.SUPPLY_UNIT_PRICE || "0"), String(part.SUPPLY_UNIT_VAT_PRICE || "0"),
+          String(part.SUPPLY_UNIT_VAT_SUM_PRICE || "0"),
+          String(part.TOTAL_ORDER_QTY || "0"), String(part.STOCK_QTY || "0"),
+          String(part.REAL_ORDER_QTY || "0"), String(part.REAL_SUPPLY_PRICE || "0"),
+          String(part.REMARK || ""), user.userId,
+        ]
+      );
+    }
+
+    await client.query("COMMIT");
+
+    return NextResponse.json({
+      success: true,
+      objId: masterObjId,
+      purchaseOrderNo,
+      message: isNew ? "등록되었습니다." : "수정되었습니다.",
+    });
+  } catch (error) {
+    await client.query("ROLLBACK");
+    console.error("Purchase order save error:", error);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/bom/route.ts b/src/app/api/purchase/bom/route.ts
new file mode 100644
index 0000000..674d36c
--- /dev/null
+++ b/src/app/api/purchase/bom/route.ts
@@ -0,0 +1,85 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 구매관리 > 구매BOM관리 — 원본: /salesMng/salesBomReportList.do
+// 테이블: part_bom_report + sales_bom_report + project_mgmt + pms_wbs_task
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(CM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.customer_cd) {
+    conditions.push(`PBR.customer_objid = $${idx++}`);
+    params.push(body.customer_cd);
+  }
+  if (body.project_no) {
+    conditions.push(`COALESCE(CM.project_no, CM.contract_no) LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.unit_code) {
+    conditions.push(`PBR.unit_code = $${idx++}`);
+    params.push(body.unit_code);
+  }
+  if (body.unit_name) {
+    conditions.push(
+      `(SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = PBR.unit_code) LIKE '%' || $${idx++} || '%'`
+    );
+    params.push(body.unit_name);
+  }
+  if (body.writer2_id) {
+    conditions.push(`SBR.writer = $${idx++}`);
+    params.push(body.writer2_id);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT PBR.objid::text AS "OBJID",
+      SBR.objid::text AS "SBR_OBJID",
+      COALESCE(CM.project_no, CM.contract_no, '') AS "PROJECT_NO",
+      CM.req_del_date AS "REQ_DEL_DATE",
+      (SELECT supply_name FROM admin_supply_mng WHERE objid::text = PBR.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.contract_company LIMIT 1) AS "CONTRACT_COMPANY_NAME",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.manufacture_plant LIMIT 1) AS "MANUFACTURE_PLANT_NAME",
+      PBR.unit_code AS "UNIT_CODE",
+      (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = PBR.unit_code LIMIT 1) AS "UNIT_NAME",
+      (SELECT COUNT(*) FROM bom_part_qty A WHERE A.bom_report_objid = PBR.objid) AS "BOM_CNT",
+      PBR.deploy_date AS "DEPLOY_DATE",
+      PBR.writer AS "WRITER1",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = PBR.writer LIMIT 1),
+        (SELECT user_name FROM user_info_history WHERE user_id = PBR.writer LIMIT 1),
+        PBR.writer
+      ) AS "WRITER1_NAME",
+      (SELECT COUNT(1) FROM sales_bom_report_part SBRP WHERE SBRP.parent_objid = PBR.objid) AS "SALES_PART_CNT",
+      TO_CHAR(SBR.regdate, 'YYYY-MM-DD') AS "REGDATE2",
+      SBR.writer AS "WRITER2",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = SBR.writer LIMIT 1),
+        (SELECT user_name FROM user_info_history WHERE user_id = SBR.writer LIMIT 1),
+        SBR.writer
+      ) AS "WRITER2_NAME"
+    FROM part_bom_report PBR
+      LEFT OUTER JOIN sales_bom_report SBR ON PBR.objid = SBR.parent_objid
+      INNER JOIN project_mgmt CM ON PBR.contract_objid = CM.objid
+    WHERE ${where}
+    ORDER BY CM.regdate DESC, PBR.regdate DESC
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("purchase/bom list:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase/bom/save/route.ts b/src/app/api/purchase/bom/save/route.ts
new file mode 100644
index 0000000..5e3a244
--- /dev/null
+++ b/src/app/api/purchase/bom/save/route.ts
@@ -0,0 +1,95 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 원본: /salesMng/saveSalesBomReportInfo.do — sales_bom_report_part UPSERT (공급업체 1~4 + 단가)
+interface PartRow {
+  OBJID?: string;
+  PARENT_OBJID?: string;
+  PART_OBJID?: string;
+  PARENT_PART_NO?: string;
+  CHILD_OBJID?: string;
+  PRICE?: string;
+  SUPPLY_OBJID?: string;
+  PRICE1?: string;
+  SUPPLY_OBJID1?: string;
+  PRICE2?: string;
+  SUPPLY_OBJID2?: string;
+  PRICE3?: string;
+  SUPPLY_OBJID3?: string;
+  PRICE4?: string;
+  SUPPLY_OBJID4?: string;
+  PRICE_SUM?: string;
+}
+
+const stripComma = (v: unknown) => String(v ?? "").replace(/,/g, "");
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const parentObjId = String(body.parent_objId || body.PARENT_OBJID || "");
+  const rows: PartRow[] = Array.isArray(body.rows) ? body.rows : [];
+  if (!parentObjId) {
+    return NextResponse.json({ success: false, message: "parent_objId가 필요합니다." });
+  }
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    for (const r of rows) {
+      const objid = String(r.OBJID || "").trim() || createObjectId();
+      await client.query(
+        `INSERT INTO sales_bom_report_part (
+           objid, parent_objid, part_objid, parent_part_objid, bom_part_qty_objid,
+           supply_objid, price, supply_objid1, price1, supply_objid2, price2,
+           supply_objid3, price3, supply_objid4, price4,
+           price_sum, writer, regdate
+         ) VALUES ($1,$2,$3,$4,$5,$6,$7,$8,$9,$10,$11,$12,$13,$14,$15,$16,$17,now())
+         ON CONFLICT (objid) DO UPDATE SET
+           supply_objid = EXCLUDED.supply_objid,
+           price = EXCLUDED.price,
+           supply_objid1 = EXCLUDED.supply_objid1,
+           price1 = EXCLUDED.price1,
+           supply_objid2 = EXCLUDED.supply_objid2,
+           price2 = EXCLUDED.price2,
+           supply_objid3 = EXCLUDED.supply_objid3,
+           price3 = EXCLUDED.price3,
+           supply_objid4 = EXCLUDED.supply_objid4,
+           price4 = EXCLUDED.price4,
+           price_sum = EXCLUDED.price_sum,
+           modifier = $17,
+           update_date = now()`,
+        [
+          objid,
+          parentObjId,
+          String(r.PART_OBJID || ""),
+          String(r.PARENT_PART_NO || ""),
+          String(r.CHILD_OBJID || ""),
+          String(r.SUPPLY_OBJID || ""),
+          stripComma(r.PRICE),
+          String(r.SUPPLY_OBJID1 || ""),
+          stripComma(r.PRICE1),
+          String(r.SUPPLY_OBJID2 || ""),
+          stripComma(r.PRICE2),
+          String(r.SUPPLY_OBJID3 || ""),
+          stripComma(r.PRICE3),
+          String(r.SUPPLY_OBJID4 || ""),
+          stripComma(r.PRICE4),
+          stripComma(r.PRICE_SUM),
+          user.userId,
+        ],
+      );
+    }
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("purchase/bom save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/bom/tree/route.ts b/src/app/api/purchase/bom/tree/route.ts
new file mode 100644
index 0000000..aef01c8
--- /dev/null
+++ b/src/app/api/purchase/bom/tree/route.ts
@@ -0,0 +1,84 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: salesMng.salesBomReportPartList — BOM 트리(재귀) + 기존 구매BOM(sales_bom_report_part) 매핑
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const parentObjId = String(body.parent_objId || body.bomReportObjId || "");
+  if (!parentObjId) return NextResponse.json({ RESULTLIST: [] });
+
+  const sql = `
+    WITH RECURSIVE VIEW_BOM AS (
+      SELECT A.bom_report_objid, A.objid, A.parent_objid, A.child_objid,
+             A.parent_part_no, A.part_no, A.last_part_objid, A.qty, A.regdate, A.seq,
+             1 AS lev,
+             ARRAY[A.child_objid::text] AS path
+        FROM bom_part_qty A
+       WHERE (A.parent_objid IS NULL OR A.parent_objid = '')
+         AND A.bom_report_objid = $1
+      UNION ALL
+      SELECT B.bom_report_objid, B.objid, B.parent_objid, B.child_objid,
+             B.parent_part_no, B.part_no, B.last_part_objid, B.qty, B.regdate, B.seq,
+             V.lev + 1,
+             V.path || B.child_objid::text
+        FROM bom_part_qty B
+        JOIN VIEW_BOM V ON B.parent_objid = V.child_objid
+         AND V.bom_report_objid = B.bom_report_objid
+       WHERE NOT (B.child_objid = ANY(V.path))
+    )
+    SELECT V.bom_report_objid::text AS "PARENT_OBJID",
+           V.part_no AS "PART_OBJID",
+           V.child_objid AS "CHILD_OBJID",
+           V.parent_part_no AS "PARENT_PART_NO",
+           V.last_part_objid AS "LAST_PART_OBJID",
+           V.qty AS "QTY",
+           V.lev AS "LEV",
+           V.seq AS "SEQ",
+           (SELECT MAX(lev) FROM VIEW_BOM) AS "MAX_LEV",
+           PM.objid::text AS "OBJID_PART",
+           PM.part_no AS "PART_NO",
+           PM.part_name AS "PART_NAME",
+           PM.spec AS "SPEC",
+           PM.post_processing AS "POST_PROCESSING",
+           PM.maker AS "MAKER",
+           PM.remark AS "REMARK",
+           PM.revision AS "REVISION",
+           PM.eo_no AS "EO_NO",
+           (SELECT code_name FROM comm_code WHERE code_id = PM.part_type LIMIT 1) AS "PART_TYPE_NAME",
+           SP.objid::text AS "OBJID",
+           SP.price AS "PRICE",
+           SP.supply_objid AS "SUPPLY_OBJID",
+           (SELECT supply_name FROM admin_supply_mng WHERE objid::text = SP.supply_objid LIMIT 1) AS "SUPPLY_NAME",
+           SP.price1 AS "PRICE1",
+           SP.supply_objid1 AS "SUPPLY_OBJID1",
+           (SELECT supply_name FROM admin_supply_mng WHERE objid::text = SP.supply_objid1 LIMIT 1) AS "SUPPLY_NAME1",
+           SP.price2 AS "PRICE2",
+           SP.supply_objid2 AS "SUPPLY_OBJID2",
+           (SELECT supply_name FROM admin_supply_mng WHERE objid::text = SP.supply_objid2 LIMIT 1) AS "SUPPLY_NAME2",
+           SP.price3 AS "PRICE3",
+           SP.supply_objid3 AS "SUPPLY_OBJID3",
+           (SELECT supply_name FROM admin_supply_mng WHERE objid::text = SP.supply_objid3 LIMIT 1) AS "SUPPLY_NAME3",
+           SP.price4 AS "PRICE4",
+           SP.supply_objid4 AS "SUPPLY_OBJID4",
+           (SELECT supply_name FROM admin_supply_mng WHERE objid::text = SP.supply_objid4 LIMIT 1) AS "SUPPLY_NAME4",
+           SP.price_sum AS "PRICE_SUM"
+      FROM VIEW_BOM V
+      LEFT OUTER JOIN sales_bom_report_part SP
+        ON SP.parent_objid = $1 AND SP.bom_part_qty_objid = V.child_objid
+      LEFT OUTER JOIN part_mng PM
+        ON COALESCE(V.last_part_objid, V.part_no) = PM.objid::varchar
+     ORDER BY V.path, V.regdate
+  `;
+
+  try {
+    const rows = await queryRows(sql, [parentObjId]);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("purchase/bom tree:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase/design-change/detail/route.ts b/src/app/api/purchase/design-change/detail/route.ts
new file mode 100644
index 0000000..01e7f04
--- /dev/null
+++ b/src/app/api/purchase/design-change/detail/route.ts
@@ -0,0 +1,53 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 조치내역 팝업용 단건 조회 — sales_part_chg + part_mng_history 헤더 정보 함께
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId, partObjId } = await request.json();
+  const pid = String(partObjId || "");
+  if (!pid) return NextResponse.json({ success: false, message: "partObjId 누락" }, { status: 400 });
+
+  // 부품이력 헤더 (읽기전용 표시)
+  const header = await queryOne(
+    `SELECT PM.objid::text AS "OBJID",
+       PM.eo_no AS "EO_NO",
+       PM.part_no AS "PART_NO",
+       PM.part_name AS "PART_NAME",
+       COALESCE(CM.project_no, CM.contract_no) AS "PROJECT_NO",
+       PM.bom_report_objid AS "BOM_REPORT_OBJID",
+       PM.qty_child_objid AS "QTY_CHILD_OBJID"
+     FROM part_mng_history PM
+       LEFT OUTER JOIN project_mgmt CM ON PM.contract_objid = CM.objid
+     WHERE PM.objid::text = $1`,
+    [pid]
+  );
+
+  // 조치내역
+  const spc = objId
+    ? await queryOne(
+        `SELECT objid::text AS "OBJID",
+           part_objid AS "PART_OBJID",
+           confirm_date AS "CONFIRM_DATE",
+           act_cd AS "ACT_CD",
+           purchase_order_master_objid AS "PURCHASE_ORDER_MASTER_OBJID",
+           note AS "NOTE",
+           act_status AS "ACT_STATUS"
+         FROM sales_part_chg WHERE objid = $1`,
+        [String(objId)]
+      )
+    : null;
+
+  // 발주서 드롭다운 옵션 (읽기전용으로 고를 수 있게 최신 순)
+  const orders = await queryRows(
+    `SELECT objid AS "OBJID", purchase_order_no AS "PURCHASE_ORDER_NO"
+     FROM purchase_order_master
+     WHERE COALESCE(status,'') != 'deleted'
+     ORDER BY regdate DESC`
+  );
+
+  return NextResponse.json({ success: true, header, spc, orders });
+}
diff --git a/src/app/api/purchase/design-change/part-history/route.ts b/src/app/api/purchase/design-change/part-history/route.ts
new file mode 100644
index 0000000..6754239
--- /dev/null
+++ b/src/app/api/purchase/design-change/part-history/route.ts
@@ -0,0 +1,60 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: /partMng/partMngHisDetailPopUp.do — 부품 변경 이력 조회 (550x250)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId 누락" }, { status: 400 });
+
+  const current = await queryOne(
+    `SELECT PM.objid::text AS "OBJID",
+       PM.part_no AS "PART_NO",
+       PM.part_name AS "PART_NAME",
+       PM.revision AS "REVISION",
+       PM.eo_no AS "EO_NO",
+       PM.eo_date AS "EO_DATE",
+       (SELECT code_name FROM comm_code WHERE code_id = PM.change_type LIMIT 1) AS "CHANGE_TYPE_NAME",
+       (SELECT code_name FROM comm_code WHERE code_id = PM.change_option LIMIT 1) AS "CHANGE_OPTION_NAME",
+       PM.qty AS "QTY",
+       PM.qty_temp AS "QTY_TEMP",
+       PM.remark AS "REMARK",
+       TO_CHAR(PM.reg_date, 'YYYY-MM-DD') AS "REG_DATE",
+       COALESCE(
+         (SELECT user_name FROM user_info WHERE user_id = PM.writer LIMIT 1),
+         (SELECT user_name FROM user_info_history WHERE user_id = PM.writer LIMIT 1),
+         PM.writer
+       ) AS "WRITER_NAME"
+     FROM part_mng_history PM
+     WHERE PM.objid::text = $1`,
+    [String(objId)]
+  );
+
+  if (!current) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  // 같은 품번 이력 (같은 project 내)
+  const history = await queryRows(
+    `SELECT PM.objid::text AS "OBJID",
+       PM.revision AS "REVISION",
+       PM.eo_no AS "EO_NO",
+       PM.eo_date AS "EO_DATE",
+       (SELECT code_name FROM comm_code WHERE code_id = PM.change_type LIMIT 1) AS "CHANGE_TYPE_NAME",
+       TO_CHAR(PM.reg_date, 'YYYY-MM-DD') AS "REG_DATE",
+       COALESCE(
+         (SELECT user_name FROM user_info WHERE user_id = PM.writer LIMIT 1),
+         (SELECT user_name FROM user_info_history WHERE user_id = PM.writer LIMIT 1),
+         PM.writer
+       ) AS "WRITER_NAME"
+     FROM part_mng_history PM
+     WHERE PM.part_no = (SELECT part_no FROM part_mng_history WHERE objid::text = $1)
+       AND PM.contract_objid = (SELECT contract_objid FROM part_mng_history WHERE objid::text = $1)
+     ORDER BY PM.reg_date DESC
+`,
+    [String(objId)]
+  );
+
+  return NextResponse.json({ success: true, current, history });
+}
diff --git a/src/app/api/purchase/design-change/receipt/route.ts b/src/app/api/purchase/design-change/receipt/route.ts
new file mode 100644
index 0000000..694460c
--- /dev/null
+++ b/src/app/api/purchase/design-change/receipt/route.ts
@@ -0,0 +1,69 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 원본: /salesMng/receiptSalesPartChgInfo.do
+// 선택된 설계변경 이력(part_mng_history) 각 행마다 sales_part_chg UPSERT with ACT_STATUS='0001064' (접수)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { rows } = await request.json();
+  if (!Array.isArray(rows) || rows.length === 0) {
+    return NextResponse.json({ success: false, message: "접수할 항목을 선택하세요." });
+  }
+
+  const today = new Date().toISOString().slice(0, 10);
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    for (const row of rows) {
+      const partObjId = String(row.OBJID || "");
+      if (!partObjId) continue;
+
+      // 기존 SPC가 있으면 ACT_STATUS만 업데이트, 없으면 신규 INSERT
+      const existing = await client.query(
+        `SELECT objid FROM sales_part_chg WHERE part_objid = $1 AND COALESCE(qty_child_objid,'') = COALESCE($2,'') LIMIT 1`,
+        [partObjId, String(row.QTY_CHILD_OBJID || "")]
+      );
+
+      if (existing.rowCount && existing.rowCount > 0) {
+        await client.query(
+          `UPDATE sales_part_chg
+             SET act_status = '0001064',
+                 confirm_date = $1,
+                 writer = $2,
+                 regdate = now()
+           WHERE objid = $3`,
+          [today, user.userId, existing.rows[0].objid]
+        );
+      } else {
+        await client.query(
+          `INSERT INTO sales_part_chg (
+             objid, part_objid, confirm_date, act_status,
+             bom_report_objid, qty_child_objid, writer, regdate
+           ) VALUES ($1, $2, $3, '0001064', $4, $5, $6, now())`,
+          [
+            createObjectId(),
+            partObjId,
+            today,
+            String(row.BOM_REPORT_OBJID || ""),
+            String(row.QTY_CHILD_OBJID || ""),
+            user.userId,
+          ]
+        );
+      }
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: `${rows.length}건 접수되었습니다.` });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("design-change receipt:", e);
+    return NextResponse.json({ success: false, message: "접수 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/design-change/route.ts b/src/app/api/purchase/design-change/route.ts
new file mode 100644
index 0000000..a778acb
--- /dev/null
+++ b/src/app/api/purchase/design-change/route.ts
@@ -0,0 +1,148 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: /salesMng/salesPartChgList.do — part_mng_history + sales_part_chg + project_mgmt
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [
+    "NOT (PM.his_status = 'DEPLOY' AND PM.change_type IS NULL AND PM.revision = 'RE')",
+    "PM.revision IS NOT NULL",
+    "COALESCE(PM.bom_status,'') = 'deploy'",
+  ];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(CM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(`COALESCE(CM.project_no, CM.contract_no) LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.part_no) {
+    conditions.push(`PM.part_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_no);
+  }
+  if (body.part_name) {
+    conditions.push(`PM.part_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.part_name);
+  }
+  if (body.change_type) {
+    conditions.push(`PM.change_type = $${idx++}`);
+    params.push(body.change_type);
+  }
+  if (body.change_option) {
+    conditions.push(`PM.change_option = $${idx++}`);
+    params.push(body.change_option);
+  }
+  if (body.part_type) {
+    conditions.push(`PM.part_type = $${idx++}`);
+    params.push(body.part_type);
+  }
+  if (body.revision) {
+    conditions.push(`PM.revision = $${idx++}`);
+    params.push(body.revision);
+  }
+  if (body.part_writer) {
+    conditions.push(`PM.writer = $${idx++}`);
+    params.push(body.part_writer);
+  }
+  if (body.sales_writer) {
+    conditions.push(`SPC.writer = $${idx++}`);
+    params.push(body.sales_writer);
+  }
+  if (body.act_cd) {
+    conditions.push(`SPC.act_cd = $${idx++}`);
+    params.push(body.act_cd);
+  }
+  if (body.act_status) {
+    conditions.push(`COALESCE(SPC.act_status, '0001063') = $${idx++}`);
+    params.push(body.act_status);
+  }
+  if (body.eo_date_start) {
+    conditions.push(`TO_DATE(PM.eo_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.eo_date_start);
+  }
+  if (body.eo_date_end) {
+    conditions.push(`TO_DATE(PM.eo_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.eo_date_end);
+  }
+  if (body.confirm_date_start) {
+    conditions.push(`TO_DATE(SPC.confirm_date, 'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.confirm_date_start);
+  }
+  if (body.confirm_date_end) {
+    conditions.push(`TO_DATE(SPC.confirm_date, 'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.confirm_date_end);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT PM.objid::text AS "OBJID",
+      PM.eo_no AS "EO_NO",
+      COALESCE(CM.project_no, CM.contract_no, '') AS "PROJECT_NO",
+      CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+      (SELECT part_no || ' ' || part_name FROM part_mng SP WHERE SP.objid::text = PM.parent_part_objid LIMIT 1) AS "PARENT_PART_INFO",
+      PM.part_no AS "PART_NO",
+      PM.part_name AS "PART_NAME",
+      CASE WHEN PM.bom_qty_status = 'adding' THEN PM.qty_temp ELSE PM.qty END AS "QTY",
+      CASE
+        WHEN PM.bom_qty_status = 'adding' THEN ''
+        WHEN PM.bom_qty_status = 'beforeEdit' AND PM.qty = PM.qty_temp THEN ''
+        ELSE PM.qty_temp
+      END AS "QTY_TEMP",
+      PM.change_type AS "CHANGE_TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.change_type LIMIT 1) AS "CHANGE_TYPE_NAME",
+      PM.change_option AS "CHANGE_OPTION",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.change_option LIMIT 1) AS "CHANGE_OPTION_NAME",
+      PM.revision AS "REVISION",
+      PM.eo_date AS "EO_DATE",
+      PM.part_type AS "PART_TYPE",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.part_type LIMIT 1) AS "PART_TYPE_NAME",
+      PM.writer AS "WRITER",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = PM.writer LIMIT 1),
+        (SELECT user_name FROM user_info_history WHERE user_id = PM.writer LIMIT 1),
+        PM.writer
+      ) AS "WRITER_NAME",
+      TO_CHAR(PM.reg_date, 'YYYY-MM-DD') AS "HIS_REG_DATE_TITLE",
+      PM.bom_report_objid AS "BOM_REPORT_OBJID",
+      PM.qty_child_objid AS "QTY_CHILD_OBJID",
+      SPC.objid::text AS "SPC_OBJID",
+      SPC.confirm_date AS "CONFIRM_DATE",
+      SPC.writer AS "WRITER1",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = SPC.writer LIMIT 1),
+        (SELECT user_name FROM user_info_history WHERE user_id = SPC.writer LIMIT 1),
+        SPC.writer
+      ) AS "WRITER1_NAME",
+      SPC.act_cd AS "ACT_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = SPC.act_cd LIMIT 1) AS "ACT_NAME",
+      SPC.purchase_order_master_objid AS "PURCHASE_ORDER_MASTER_OBJID",
+      POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+      COALESCE(SPC.act_status, '0001063') AS "ACT_STATUS",
+      (SELECT code_name FROM comm_code WHERE code_id = COALESCE(SPC.act_status, '0001063') LIMIT 1) AS "ACT_STATUS_NAME"
+    FROM part_mng_history PM
+      LEFT OUTER JOIN sales_part_chg SPC
+        ON PM.objid::text = SPC.part_objid
+        AND COALESCE(PM.qty_child_objid,'') = COALESCE(SPC.qty_child_objid,'')
+      LEFT OUTER JOIN purchase_order_master POM ON SPC.purchase_order_master_objid = POM.objid
+      LEFT OUTER JOIN project_mgmt CM ON PM.contract_objid = CM.objid
+    WHERE ${where}
+    ORDER BY COALESCE(PM.edit_date, PM.reg_date) DESC, PM.part_no
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("purchase/design-change list:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase/design-change/save/route.ts b/src/app/api/purchase/design-change/save/route.ts
new file mode 100644
index 0000000..6bce5a4
--- /dev/null
+++ b/src/app/api/purchase/design-change/save/route.ts
@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 원본: /salesMng/saveSalesPartChgInfo.do — sales_part_chg UPSERT
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const spcObjId = String(body.objId || "") || createObjectId();
+  const isNew = !body.objId;
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO sales_part_chg (
+         objid, part_objid, confirm_date, act_cd,
+         purchase_order_master_objid, note, writer, regdate,
+         act_status, bom_report_objid, qty_child_objid
+       ) VALUES ($1, $2, $3, $4, $5, $6, $7, now(), $8, $9, $10)
+       ON CONFLICT (objid) DO UPDATE SET
+         part_objid = EXCLUDED.part_objid,
+         confirm_date = EXCLUDED.confirm_date,
+         act_cd = EXCLUDED.act_cd,
+         purchase_order_master_objid = EXCLUDED.purchase_order_master_objid,
+         note = EXCLUDED.note,
+         writer = EXCLUDED.writer,
+         regdate = now(),
+         act_status = EXCLUDED.act_status`,
+      [
+        spcObjId,
+        String(body.partObjId || ""),
+        String(body.confirm_date || new Date().toISOString().slice(0, 10)),
+        String(body.act_cd || ""),
+        String(body.purchase_order_master_objid || ""),
+        String(body.note || ""),
+        user.userId,
+        String(body.act_status || "0001064"),
+        String(body.bom_report_objid || ""),
+        String(body.qty_child_objid || ""),
+      ]
+    );
+    return NextResponse.json({ success: true, objId: spcObjId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("design-change save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/request/bom-parts/route.ts b/src/app/api/purchase/request/bom-parts/route.ts
new file mode 100644
index 0000000..aeb7420
--- /dev/null
+++ b/src/app/api/purchase/request/bom-parts/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: salesMng.SalesBomPartListByProjectUnit — 프로젝트+유닛에 등록된 구매BOM 부품 목록
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const projectObjId = String(body.project_objid || body.project_no || "");
+  const unitCode = String(body.unit_code || body.unit_name || "");
+  if (!projectObjId || !unitCode) return NextResponse.json({ RESULTLIST: [] });
+
+  const rows = await queryRows(
+    `SELECT T1.parent_objid AS "BOM_REPORT_OBJID",
+       T1.part_objid AS "PART_OBJID",
+       T1.objid::text AS "SALES_BOM_REPORT_PART_OBJID",
+       T1.supply_objid AS "SUPPLY_OBJID",
+       PM.part_name AS "PART_NAME",
+       PM.part_no AS "PART_NO",
+       PM.spec AS "SPEC",
+       PM.maker AS "MAKER",
+       PM.unit AS "UNIT",
+       BPQ.qty AS "ORDER_QTY"
+     FROM sales_bom_report_part T1
+       JOIN part_bom_report PBR ON PBR.objid = T1.parent_objid
+       JOIN bom_part_qty BPQ ON BPQ.bom_report_objid = PBR.objid AND T1.part_objid = BPQ.part_no
+       JOIN part_mng PM ON T1.part_objid = PM.objid::varchar
+     WHERE PBR.contract_objid = $1 AND PBR.unit_code = $2
+     ORDER BY BPQ.seq`,
+    [projectObjId, unitCode],
+  );
+
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/purchase/request/delete/route.ts b/src/app/api/purchase/request/delete/route.ts
new file mode 100644
index 0000000..46194b8
--- /dev/null
+++ b/src/app/api/purchase/request/delete/route.ts
@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: salesMng.deleteSalesRequestPart + salesMng.deleteSalesRequestMaster
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!objIds?.length) return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM sales_request_part WHERE sales_request_master_objid IN (${ph})`, objIds);
+    await execute(`DELETE FROM sales_request_master WHERE objid::text IN (${ph})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("purchase/request delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase/request/detail/route.ts b/src/app/api/purchase/request/detail/route.ts
new file mode 100644
index 0000000..62150df
--- /dev/null
+++ b/src/app/api/purchase/request/detail/route.ts
@@ -0,0 +1,67 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: salesMng.getSalesRequestMasterInfo + salesMngNew.getSalesRequestSavedPartList
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT SRM.objid::text AS "OBJID",
+       SRM.request_mng_no AS "REQUEST_MNG_NO",
+       SRM.request_cd AS "REQUEST_CD",
+       SRM.project_no AS "PROJECT_NO",
+       (SELECT COALESCE(project_no, contract_no) FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1) AS "PROJECT_NUMBER",
+       (SELECT customer_project_name FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1) AS "PROJECT_NAME",
+       (SELECT supply_name FROM supply_mng WHERE objid::text = (SELECT customer_objid FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1)::text LIMIT 1) AS "CUSTOMER_NAME",
+       (SELECT mechanical_type FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1) AS "MECHANICAL_TYPE",
+       (SELECT setup FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1) AS "SETUP",
+       SRM.release_date AS "RELEASE_DATE",
+       SRM.request_reasons AS "REQUEST_REASONS",
+       SRM.request_user_id AS "REQUEST_USER_ID",
+       SRM.delivery_request_date AS "DELIVERY_REQUEST_DATE",
+       SRM.unit_name AS "UNIT_NAME",
+       SRM.status AS "STATUS",
+       CASE SRM.status
+         WHEN 'create' THEN '등록'
+         WHEN 'release' THEN '제출 완료'
+         WHEN 'reception' THEN '접수'
+         WHEN 'approvalRequest' THEN '결재중'
+         WHEN 'approvalComplete' THEN '결재완료'
+         WHEN 'reject' THEN '반려'
+         ELSE ''
+       END AS "STATUS_TITLE",
+       SRM.receipt_user_id AS "RECEIPT_USER_ID",
+       SRM.receipt_date AS "RECEIPT_DATE",
+       SRM.writer AS "WRITER",
+       SRM.remark AS "REMARK",
+       TO_CHAR(SRM.regdate, 'YYYY-MM-DD') AS "REGDATE_TITLE"
+     FROM sales_request_master SRM
+     WHERE SRM.objid::text = $1`,
+    [objId],
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  const parts = await queryRows(
+    `SELECT SRP.objid::text AS "OBJID",
+       SRP.sales_bom_qty_objid AS "SALES_BOM_QTY_OBJID",
+       SRP.part_objid AS "PART_OBJID",
+       (SELECT part_no FROM part_mng WHERE objid::text = SRP.part_objid LIMIT 1) AS "PART_NO",
+       COALESCE(SRP.part_name, (SELECT part_name FROM part_mng WHERE objid::text = SRP.part_objid LIMIT 1)) AS "PART_NAME",
+       SRP.qty AS "QTY",
+       SRP.org_qty AS "ORG_QTY",
+       SRP.partner_objid AS "PARTNER_OBJID",
+       SRP.delivery_request_date AS "DELIVERY_REQUEST_DATE",
+       SRP.remark AS "REMARK"
+     FROM sales_request_part SRP
+     WHERE SRP.sales_request_master_objid = $1
+     ORDER BY SRP.regdate`,
+    [objId],
+  );
+
+  return NextResponse.json({ success: true, data: info, PARTS: parts });
+}
diff --git a/src/app/api/purchase/request/receipt/route.ts b/src/app/api/purchase/request/receipt/route.ts
new file mode 100644
index 0000000..9d9fd0e
--- /dev/null
+++ b/src/app/api/purchase/request/receipt/route.ts
@@ -0,0 +1,38 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: /salesMng/receiptSalesRequestInfo.do — sales_request_master.status='reception'
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "접수할 항목을 선택하세요." });
+  }
+
+  const today = new Date().toISOString().slice(0, 10);
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    for (const objId of objIds) {
+      await client.query(
+        `UPDATE sales_request_master
+            SET status = 'reception',
+                receipt_date = $1,
+                receipt_user_id = $2
+          WHERE objid::text = $3`,
+        [today, user.userId, String(objId)],
+      );
+    }
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: `${objIds.length}건 접수되었습니다.` });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("purchase/request receipt:", e);
+    return NextResponse.json({ success: false, message: "접수 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/request/route.ts b/src/app/api/purchase/request/route.ts
new file mode 100644
index 0000000..6438a5d
--- /dev/null
+++ b/src/app/api/purchase/request/route.ts
@@ -0,0 +1,114 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: /salesMng/salesRequestMngRegList.do — sales_request_master + sales_request_part
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(SRM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.project_no) {
+    conditions.push(
+      `SRM.project_no IN (SELECT objid FROM project_mgmt WHERE COALESCE(project_no, contract_no) LIKE '%' || $${idx++} || '%')`
+    );
+    params.push(body.project_no);
+  }
+  if (body.request_cd) {
+    conditions.push(`SRM.request_cd = $${idx++}`);
+    params.push(body.request_cd);
+  }
+  if (body.receipt_writer) {
+    conditions.push(`SRM.receipt_user_id = $${idx++}`);
+    params.push(body.receipt_writer);
+  }
+  if (body.status) {
+    conditions.push(`SRM.status = $${idx++}`);
+    params.push(body.status);
+  }
+  if (body.receipt_date_start) {
+    conditions.push(`TO_DATE(SRM.receipt_date,'YYYY-MM-DD') >= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.receipt_date_start);
+  }
+  if (body.receipt_date_end) {
+    conditions.push(`TO_DATE(SRM.receipt_date,'YYYY-MM-DD') <= TO_DATE($${idx++}, 'YYYY-MM-DD')`);
+    params.push(body.receipt_date_end);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT SRM.objid::text AS "OBJID",
+      SRM.request_mng_no AS "REQUEST_MNG_NO",
+      SRM.request_cd AS "REQUEST_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = SRM.request_cd LIMIT 1) AS "REQUEST_CD_NAME",
+      SRM.project_no AS "PROJECT_OBJID",
+      (SELECT COALESCE(project_no, contract_no) FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1) AS "PROJECT_NUMBER",
+      (SELECT customer_project_name FROM project_mgmt WHERE objid = SRM.project_no LIMIT 1) AS "PROJECT_NAME",
+      SRM.unit_name AS "UNIT_CODE",
+      (SELECT COALESCE(O.unit_no,'') || '-' || COALESCE(O.task_name,'') FROM pms_wbs_task O WHERE O.objid = SRM.unit_name LIMIT 1) AS "UNIT_CODE_NAME",
+      SRM.request_reasons AS "REQUEST_REASONS",
+      (SELECT code_name FROM comm_code WHERE code_id = SRM.request_reasons LIMIT 1) AS "REQUEST_REASONS_NAME",
+      SRM.request_user_id AS "REQUEST_USER_ID",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = SRM.request_user_id LIMIT 1),
+        (SELECT user_name FROM user_info_history WHERE user_id = SRM.request_user_id LIMIT 1),
+        SRM.request_user_id
+      ) AS "REQUEST_USER_NAME",
+      SRM.delivery_request_date AS "DELIVERY_REQUEST_DATE",
+      SRM.status AS "STATUS",
+      CASE
+        WHEN ((SELECT COUNT(1) FROM purchase_order_master P WHERE P.sales_request_objid = SRM.objid)
+              >= (SELECT COUNT(1) FROM sales_request_part SRP WHERE SRP.sales_request_master_objid = SRM.objid))
+             AND (SELECT COUNT(1) FROM purchase_order_master P WHERE P.sales_request_objid = SRM.objid) > 0
+          THEN '발주완료'
+        WHEN (SELECT COUNT(1) FROM purchase_order_master P WHERE P.sales_request_objid = SRM.objid) > 0
+          THEN '발주부분완료'
+        WHEN SRM.status = 'create' THEN '등록'
+        WHEN SRM.status = 'release' THEN '제출 완료'
+        WHEN SRM.status = 'reception' THEN '접수'
+        WHEN SRM.status = 'approvalRequest' THEN '결재중'
+        WHEN SRM.status = 'approvalComplete' THEN '결재완료'
+        WHEN SRM.status = 'reject' THEN '반려'
+        ELSE ''
+      END AS "STATUS_TITLE",
+      SRM.receipt_user_id AS "RECEIPT_USER_ID",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = SRM.receipt_user_id LIMIT 1),
+        (SELECT user_name FROM user_info_history WHERE user_id = SRM.receipt_user_id LIMIT 1),
+        SRM.receipt_user_id
+      ) AS "RECEIPT_USER_NAME",
+      SRM.receipt_date AS "RECEIPT_DATE",
+      TO_CHAR(SRM.regdate, 'YYYY-MM-DD') AS "REGDATE_TITLE",
+      SRP.TOTAL_QTY AS "TOTAL_QTY",
+      SRP.ITEMS_QTY AS "ITEMS_QTY",
+      (SELECT STRING_AGG(purchase_order_no, ',')
+         FROM purchase_order_master P WHERE P.sales_request_objid = SRM.objid) AS "PURCHASE_ORDER_NO_ARR"
+    FROM sales_request_master SRM
+      LEFT OUTER JOIN (
+        SELECT sales_request_master_objid,
+          SUM(COALESCE(qty,'0')::numeric) AS TOTAL_QTY,
+          COUNT(1) AS ITEMS_QTY
+        FROM sales_request_part
+        GROUP BY sales_request_master_objid
+      ) SRP ON SRP.sales_request_master_objid = SRM.objid
+    WHERE ${where}
+    ORDER BY SRM.regdate DESC
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("purchase/request list:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase/request/save/route.ts b/src/app/api/purchase/request/save/route.ts
new file mode 100644
index 0000000..1c7081e
--- /dev/null
+++ b/src/app/api/purchase/request/save/route.ts
@@ -0,0 +1,109 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 원본: salesMng.mergeSalesRequestMasterInfo + salesMng.initSalesRequestPart + salesMng.mergeSalesRequestPartInfo
+interface PartRow {
+  OBJID?: string;
+  SALES_BOM_QTY_OBJID?: string;
+  PART_OBJID?: string;
+  PART_NAME?: string;
+  QTY?: string | number;
+  ORG_QTY?: string | number;
+  PARTNER_OBJID?: string;
+  DELIVERY_REQUEST_DATE?: string;
+  REMARK?: string;
+}
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objId || body.actionType === "regist";
+  const masterObjId = isNew ? createObjectId() : String(body.objId);
+  const status = String(body.status || "create");
+  const parts: PartRow[] = Array.isArray(body.parts) ? body.parts : [];
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    await client.query(
+      `INSERT INTO sales_request_master (
+         objid, request_mng_no, request_cd, project_no, release_date,
+         request_reasons, request_user_id, delivery_request_date, unit_name,
+         status, writer, remark, regdate
+       ) VALUES (
+         $1,
+         (SELECT 'R' || TO_CHAR(NOW(),'YYYYMMDD') || '-' || LPAD((COALESCE(MAX(SUBSTR(request_mng_no, 11, 13))::integer, 0) + 1)::text, 3, '0')
+            FROM sales_request_master
+            WHERE request_mng_no LIKE 'R' || TO_CHAR(NOW(),'YYYYMMDD') || '-%'),
+         $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, now()
+       )
+       ON CONFLICT (objid) DO UPDATE SET
+         request_cd = EXCLUDED.request_cd,
+         project_no = EXCLUDED.project_no,
+         release_date = EXCLUDED.release_date,
+         request_reasons = EXCLUDED.request_reasons,
+         request_user_id = EXCLUDED.request_user_id,
+         delivery_request_date = EXCLUDED.delivery_request_date,
+         unit_name = EXCLUDED.unit_name,
+         status = EXCLUDED.status,
+         remark = EXCLUDED.remark`,
+      [
+        masterObjId,
+        String(body.request_cd || ""),
+        String(body.project_no || ""),
+        String(body.release_date || ""),
+        String(body.request_reasons || ""),
+        String(body.request_user_id || user.userId),
+        String(body.delivery_request_date || ""),
+        String(body.unit_name || ""),
+        status,
+        user.userId,
+        String(body.remark || ""),
+      ],
+    );
+
+    await client.query(`DELETE FROM sales_request_part WHERE sales_request_master_objid = $1`, [masterObjId]);
+
+    for (const p of parts) {
+      if (!p.PART_OBJID) continue;
+      await client.query(
+        `INSERT INTO sales_request_part (
+           objid, sales_bom_qty_objid, part_objid, sales_request_master_objid,
+           part_name, qty, org_qty, partner_objid,
+           delivery_request_date, writer, regdate, status, remark
+         ) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, now(), $11, $12)`,
+        [
+          createObjectId(),
+          String(p.SALES_BOM_QTY_OBJID || ""),
+          String(p.PART_OBJID || ""),
+          masterObjId,
+          String(p.PART_NAME || ""),
+          String(p.QTY || "0"),
+          String(p.ORG_QTY || p.QTY || "0"),
+          String(p.PARTNER_OBJID || ""),
+          String(p.DELIVERY_REQUEST_DATE || body.delivery_request_date || ""),
+          status,
+          String(p.REMARK || ""),
+        ],
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({
+      success: true,
+      objId: masterObjId,
+      message: isNew ? "등록되었습니다." : "수정되었습니다.",
+    });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("purchase/request save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/stock/delete/route.ts b/src/app/api/purchase/stock/delete/route.ts
new file mode 100644
index 0000000..25373b7
--- /dev/null
+++ b/src/app/api/purchase/stock/delete/route.ts
@@ -0,0 +1,31 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: deleteSalesLongDelivery — 자식 테이블 + 메인 모두 삭제
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objIds } = await request.json();
+  if (!Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    await client.query(`DELETE FROM sales_long_delivery_input WHERE parent_objid IN (${ph})`, objIds);
+    await client.query(`DELETE FROM sales_long_delivery_predict WHERE parent_objid IN (${ph})`, objIds);
+    await client.query(`DELETE FROM sales_long_delivery WHERE objid IN (${ph})`, objIds);
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("stock delete:", e);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/stock/detail/route.ts b/src/app/api/purchase/stock/detail/route.ts
new file mode 100644
index 0000000..87f637f
--- /dev/null
+++ b/src/app/api/purchase/stock/detail/route.ts
@@ -0,0 +1,57 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne, queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 재고 단건 조회 — 기본정보 + 자재투입이력 + 예측수량
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId 누락" }, { status: 400 });
+
+  const info = await queryOne(
+    `SELECT objid::text AS "OBJID",
+       ld_part_name AS "LD_PART_NAME",
+       spec AS "SPEC",
+       form_no AS "FORM_NO",
+       maker AS "MAKER",
+       material_code AS "MATERIAL_CODE",
+       supply_objid AS "SUPPLY_OBJID",
+       (SELECT supply_name FROM admin_supply_mng WHERE objid::text = T1.supply_objid LIMIT 1) AS "SUPPLY_NAME",
+       location AS "LOCATION",
+       price AS "PRICE"
+     FROM sales_long_delivery T1
+     WHERE objid = $1`,
+    [String(objId)]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+
+  const inputs = await queryRows(
+    `SELECT objid AS "OBJID",
+       contract_objid AS "CONTRACT_OBJID",
+       (SELECT COALESCE(project_no, contract_no) FROM project_mgmt WHERE objid = I.contract_objid LIMIT 1) AS "PROJECT_NO",
+       input_qty AS "INPUT_QTY",
+       input_date AS "INPUT_DATE"
+     FROM sales_long_delivery_input I
+     WHERE parent_objid = $1
+     ORDER BY input_date DESC, objid`,
+    [String(objId)]
+  );
+
+  const predicts = await queryRows(
+    `SELECT objid AS "OBJID",
+       month AS "MONTH",
+       use_place AS "USE_PLACE",
+       contract_objid AS "CONTRACT_OBJID",
+       (SELECT COALESCE(project_no, contract_no) FROM project_mgmt WHERE objid = P.contract_objid LIMIT 1) AS "PROJECT_NO",
+       qty AS "QTY",
+       note AS "NOTE"
+     FROM sales_long_delivery_predict P
+     WHERE parent_objid = $1
+     ORDER BY month::numeric, objid`,
+    [String(objId)]
+  );
+
+  return NextResponse.json({ success: true, info, inputs, predicts });
+}
diff --git a/src/app/api/purchase/stock/input-save/route.ts b/src/app/api/purchase/stock/input-save/route.ts
new file mode 100644
index 0000000..828d889
--- /dev/null
+++ b/src/app/api/purchase/stock/input-save/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 자재투입이력 일괄 저장 (기존 행 delete 후 re-insert — 원본 merge 방식)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { parentObjId, rows } = await request.json();
+  if (!parentObjId) return NextResponse.json({ success: false, message: "parentObjId 누락" }, { status: 400 });
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    await client.query(`DELETE FROM sales_long_delivery_input WHERE parent_objid = $1`, [String(parentObjId)]);
+
+    const list = Array.isArray(rows) ? rows : [];
+    for (const r of list) {
+      const qty = String(r.INPUT_QTY ?? r.input_qty ?? "");
+      if (!qty) continue;
+      await client.query(
+        `INSERT INTO sales_long_delivery_input (
+           objid, parent_objid, contract_objid, input_qty, input_date,
+           admin_editor, admin_edit_date
+         ) VALUES ($1, $2, $3, $4, $5, $6, now())`,
+        [
+          String(r.OBJID || r.objid || "") || createObjectId(),
+          String(parentObjId),
+          String(r.CONTRACT_OBJID ?? r.contract_objid ?? ""),
+          qty,
+          String(r.INPUT_DATE ?? r.input_date ?? ""),
+          user.userId,
+        ]
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("stock input-save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/stock/predict-save/route.ts b/src/app/api/purchase/stock/predict-save/route.ts
new file mode 100644
index 0000000..c96c3b1
--- /dev/null
+++ b/src/app/api/purchase/stock/predict-save/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 예측수량 일괄 저장 (기존 행 delete 후 re-insert)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const { parentObjId, rows } = await request.json();
+  if (!parentObjId) return NextResponse.json({ success: false, message: "parentObjId 누락" }, { status: 400 });
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+    await client.query(`DELETE FROM sales_long_delivery_predict WHERE parent_objid = $1`, [String(parentObjId)]);
+
+    const list = Array.isArray(rows) ? rows : [];
+    for (const r of list) {
+      const qty = String(r.QTY ?? r.qty ?? "");
+      if (!qty) continue;
+      await client.query(
+        `INSERT INTO sales_long_delivery_predict (
+           objid, parent_objid, month, use_place, qty, note, contract_objid
+         ) VALUES ($1, $2, $3, $4, $5, $6, $7)`,
+        [
+          String(r.OBJID || r.objid || "") || createObjectId(),
+          String(parentObjId),
+          String(r.MONTH ?? r.month ?? ""),
+          String(r.USE_PLACE ?? r.use_place ?? ""),
+          qty,
+          String(r.NOTE ?? r.note ?? ""),
+          String(r.CONTRACT_OBJID ?? r.contract_objid ?? ""),
+        ]
+      );
+    }
+
+    await client.query("COMMIT");
+    return NextResponse.json({ success: true, message: "저장되었습니다." });
+  } catch (e) {
+    await client.query("ROLLBACK");
+    console.error("stock predict-save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/purchase/stock/route.ts b/src/app/api/purchase/stock/route.ts
new file mode 100644
index 0000000..687be46
--- /dev/null
+++ b/src/app/api/purchase/stock/route.ts
@@ -0,0 +1,103 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 원본: /salesMng/salesLongDeliveryList.do — sales_long_delivery + _input + _predict
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.ld_part_name || body.part_name) {
+    conditions.push(`T1.ld_part_name LIKE '%' || $${idx++} || '%'`);
+    params.push(body.ld_part_name || body.part_name);
+  }
+  if (body.Location || body.location) {
+    conditions.push(`T1.location = $${idx++}`);
+    params.push(body.Location || body.location);
+  }
+  if (body.spec) {
+    conditions.push(`T1.spec LIKE '%' || $${idx++} || '%'`);
+    params.push(body.spec);
+  }
+  if (body.maker) {
+    conditions.push(`T1.maker LIKE '%' || $${idx++} || '%'`);
+    params.push(body.maker);
+  }
+  if (body.material_code) {
+    conditions.push(`T1.material_code LIKE '%' || $${idx++} || '%'`);
+    params.push(body.material_code);
+  }
+  if (body.admin_supply) {
+    conditions.push(`T1.supply_objid = $${idx++}`);
+    params.push(body.admin_supply);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT T1.objid::text AS "OBJID",
+      T1.ld_part_name AS "LD_PART_NAME",
+      T1.spec AS "SPEC",
+      T1.form_no AS "FORM_NO",
+      T1.maker AS "MAKER",
+      T1.material_code AS "MATERIAL_CODE",
+      T1.supply_objid AS "SUPPLY_OBJID",
+      (SELECT supply_name FROM admin_supply_mng S WHERE S.objid::text = T1.supply_objid LIMIT 1) AS "SUPPLY_NAME",
+      T1.location AS "LOCATION",
+      (SELECT code_name FROM comm_code WHERE code_id = T1.location LIMIT 1) AS "LOCATION_NAME",
+      T1.price AS "PRICE",
+      (COALESCE(T1.price,'0')::numeric *
+        COALESCE((SELECT SUM(COALESCE(input_qty,'0')::numeric) FROM sales_long_delivery_input T2 WHERE T2.parent_objid = T1.objid), 0)
+      )::text AS "PRICE_SUM",
+      COALESCE(
+        (SELECT SUM(COALESCE(input_qty,'0')::numeric) FROM sales_long_delivery_input T2
+           WHERE T2.parent_objid = T1.objid AND (contract_objid IS NULL OR contract_objid = '')), 0
+      ) -
+      COALESCE(
+        (SELECT SUM(COALESCE(input_qty,'0')::numeric) FROM sales_long_delivery_input T2
+           WHERE T2.parent_objid = T1.objid AND contract_objid IS NOT NULL AND contract_objid != ''), 0
+      ) AS "INPUT_QTY",
+      COALESCE(
+        (SELECT COUNT(1) FROM sales_long_delivery_input T2 WHERE T2.parent_objid = T1.objid), 0
+      ) AS "INPUT_CNT",
+      T3.M_TOTAL AS "M_TOTAL",
+      T3.M01 AS "M01", T3.M02 AS "M02", T3.M03 AS "M03",
+      T3.M04 AS "M04", T3.M05 AS "M05", T3.M06 AS "M06",
+      T3.M07 AS "M07", T3.M08 AS "M08", T3.M09 AS "M09",
+      T3.M10 AS "M10", T3.M11 AS "M11", T3.M12 AS "M12"
+    FROM sales_long_delivery T1
+      LEFT OUTER JOIN (
+        SELECT parent_objid,
+          SUM(COALESCE(qty,'0')::numeric) AS M_TOTAL,
+          SUM(CASE WHEN month::numeric = 1  THEN qty::numeric END) AS M01,
+          SUM(CASE WHEN month::numeric = 2  THEN qty::numeric END) AS M02,
+          SUM(CASE WHEN month::numeric = 3  THEN qty::numeric END) AS M03,
+          SUM(CASE WHEN month::numeric = 4  THEN qty::numeric END) AS M04,
+          SUM(CASE WHEN month::numeric = 5  THEN qty::numeric END) AS M05,
+          SUM(CASE WHEN month::numeric = 6  THEN qty::numeric END) AS M06,
+          SUM(CASE WHEN month::numeric = 7  THEN qty::numeric END) AS M07,
+          SUM(CASE WHEN month::numeric = 8  THEN qty::numeric END) AS M08,
+          SUM(CASE WHEN month::numeric = 9  THEN qty::numeric END) AS M09,
+          SUM(CASE WHEN month::numeric = 10 THEN qty::numeric END) AS M10,
+          SUM(CASE WHEN month::numeric = 11 THEN qty::numeric END) AS M11,
+          SUM(CASE WHEN month::numeric = 12 THEN qty::numeric END) AS M12
+        FROM sales_long_delivery_predict
+        GROUP BY parent_objid
+      ) T3 ON T3.parent_objid = T1.objid
+    WHERE ${where}
+    ORDER BY T1.ld_part_name, "SUPPLY_NAME"
+  `;
+
+  try {
+    const rows = await queryRows(sql, params);
+    return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+  } catch (e) {
+    console.error("purchase/stock list:", e);
+    return NextResponse.json({ success: false, message: "조회 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/purchase/stock/save/route.ts b/src/app/api/purchase/stock/save/route.ts
new file mode 100644
index 0000000..ec256af
--- /dev/null
+++ b/src/app/api/purchase/stock/save/route.ts
@@ -0,0 +1,53 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 원본: mergeSalesLongDelivery
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objId;
+  const objId = isNew ? createObjectId() : String(body.objId);
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO sales_long_delivery (
+         objid, ld_part_name, spec, form_no, maker, material_code,
+         supply_objid, regdate, writer, location, price
+       ) VALUES ($1, $2, $3, $4, $5, $6, $7, now(), $8, $9, $10)
+       ON CONFLICT (objid) DO UPDATE SET
+         ld_part_name = EXCLUDED.ld_part_name,
+         spec = EXCLUDED.spec,
+         form_no = EXCLUDED.form_no,
+         maker = EXCLUDED.maker,
+         material_code = EXCLUDED.material_code,
+         supply_objid = EXCLUDED.supply_objid,
+         regdate = now(),
+         writer = EXCLUDED.writer,
+         location = EXCLUDED.location,
+         price = EXCLUDED.price`,
+      [
+        objId,
+        String(body.ld_part_name || ""),
+        String(body.spec || ""),
+        String(body.form_no || ""),
+        String(body.maker || ""),
+        String(body.material_code || ""),
+        String(body.supply_objid || ""),
+        user.userId,
+        String(body.location || ""),
+        String(body.price || "0"),
+      ]
+    );
+    return NextResponse.json({ success: true, objId, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("stock save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/sales/contract-dashboard/customer-stats/route.ts b/src/app/api/sales/contract-dashboard/customer-stats/route.ts
new file mode 100644
index 0000000..a990ab0
--- /dev/null
+++ b/src/app/api/sales/contract-dashboard/customer-stats/route.ts
@@ -0,0 +1,32 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 고객사별 수주 건수 (파이차트용)
+// 원본: contractMgmt.xml getContractCNTBySupply
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const year = String(body.Year || body.year || new Date().getFullYear());
+
+  const rows = await queryRows(
+    `SELECT
+      ASM.objid::text AS "OBJID",
+      ASM.supply_name AS "SUPPLY_NAME",
+      S1.total_cnt AS "TOTAL_SUPPLY_UNIT_CNT"
+    FROM supply_mng ASM
+    JOIN (
+      SELECT CM.customer_objid, COUNT(1) AS total_cnt
+      FROM contract_mgmt CM
+      WHERE CM.contract_result = '0000964'
+        AND TO_CHAR(TO_DATE(CM.contract_date,'YYYY-MM-DD'),'YYYY') = $1
+      GROUP BY CM.customer_objid
+    ) S1 ON ASM.objid::varchar = S1.customer_objid
+    ORDER BY S1.total_cnt DESC, ASM.supply_name`,
+    [year]
+  );
+
+  return NextResponse.json({ success: true, rows });
+}
diff --git a/src/app/api/sales/contract-dashboard/route.ts b/src/app/api/sales/contract-dashboard/route.ts
new file mode 100644
index 0000000..fc62bd6
--- /dev/null
+++ b/src/app/api/sales/contract-dashboard/route.ts
@@ -0,0 +1,146 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 영업관리 > 계약현황 대시보드 메인 테이블
+// 원본: contractMgmt.xml getContractDashBoard
+// - 12개월 × 제품구분(0000001 자식) 매트릭스
+// - 각 셀은 해당 월 × 제품의 수주 건수
+// - 계 row (연간 합계), 월별 row 반환
+// - 각 row에 연간 매출액(원화 환산), 출고 수량 포함
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const year = String(body.Year || body.year || new Date().getFullYear());
+
+  // 제품구분 종류 (CODE list)
+  const products = await queryRows<{ CODE: string; NAME: string }>(
+    `SELECT code_id AS "CODE", code_name AS "NAME"
+     FROM comm_code
+     WHERE parent_code_id = '0000001'
+       AND COALESCE(status,'active') = 'active'
+     ORDER BY code_id`
+  );
+
+  // 동적 필터
+  const extraConditions: string[] = [];
+  const extraParams: unknown[] = [];
+  let idx = 2; // $1 은 year
+  if (body.category_cd) {
+    extraConditions.push(`CM.category_cd = $${idx++}`);
+    extraParams.push(body.category_cd);
+  }
+  if (body.customer_objid) {
+    extraConditions.push(`CM.customer_objid = $${idx++}`);
+    extraParams.push(body.customer_objid);
+  }
+  if (body.product) {
+    extraConditions.push(`CM.product = $${idx++}`);
+    extraParams.push(body.product);
+  }
+  const extraWhere = extraConditions.length > 0 ? " AND " + extraConditions.join(" AND ") : "";
+
+  // 월별 × 제품 cross-tab 데이터 집계
+  const monthly = await queryRows<Record<string, unknown>>(
+    `
+    WITH base AS (
+      SELECT
+        TO_CHAR(TO_DATE(CM.contract_date, 'YYYY-MM-DD'), 'MM') AS mm,
+        CM.product,
+        COALESCE(NULLIF(
+          CASE
+            WHEN COALESCE(NULLIF(CM.contract_price,''), '0')::float != 0 THEN CM.contract_price
+            WHEN CM.contract_currency = '0001566' AND COALESCE(NULLIF(CM.contract_price_currency,''), '0')::float != 0 THEN CM.contract_price_currency
+            ELSE '0'
+          END, ''
+        )::float, 0) AS contract_price,
+        (SELECT COUNT(*) FROM project_mgmt PM RIGHT JOIN release_mgmt RM ON PM.objid = RM.parent_objid WHERE CM.objid = PM.contract_objid) AS release_qty
+      FROM contract_mgmt CM
+      WHERE CM.contract_date IS NOT NULL
+        AND CM.contract_result = '0000964'
+        AND TO_CHAR(TO_DATE(CM.contract_date, 'YYYY-MM-DD'), 'YYYY') = $1
+        ${extraWhere}
+    )
+    SELECT mm AS "MM",
+           product AS "PRODUCT",
+           COUNT(*) AS "CNT",
+           SUM(contract_price) AS "COST",
+           SUM(release_qty) AS "RELEASE_QTY"
+    FROM base
+    GROUP BY mm, product
+    ORDER BY mm
+    `,
+    [year, ...extraParams]
+  );
+
+  // row-per-month 로 재구성: { MM: '01', total_cnt, total_cost, release, byProduct: { <code>: cnt } }
+  type MonthRow = {
+    MM: string;
+    CONTRACT_CNT_YEAR: number;
+    CONTRACT_COST_YEAR_ORG: number;
+    CONTRACT_COST_YEAR: number; // /100000000
+    RELEASE_CNT_YEAR: number;
+    [key: string]: number | string; // CONTRACT_CNT_MONTH_<code>
+  };
+
+  const months: MonthRow[] = [];
+  for (let i = 1; i <= 12; i++) {
+    const mm = String(i).padStart(2, "0");
+    const row: MonthRow = {
+      MM: mm,
+      CONTRACT_CNT_YEAR: 0,
+      CONTRACT_COST_YEAR_ORG: 0,
+      CONTRACT_COST_YEAR: 0,
+      RELEASE_CNT_YEAR: 0,
+    };
+    for (const p of products) row[`CONTRACT_CNT_MONTH_${p.CODE}`] = 0;
+    months.push(row);
+  }
+
+  for (const r of monthly) {
+    const mm = String(r.MM || "").padStart(2, "0");
+    const m = months.find((x) => x.MM === mm);
+    if (!m) continue;
+    const cnt = Number(r.CNT || 0);
+    const cost = Number(r.COST || 0);
+    const rel = Number(r.RELEASE_QTY || 0);
+    const pcode = String(r.PRODUCT || "");
+    m.CONTRACT_CNT_YEAR += cnt;
+    m.CONTRACT_COST_YEAR_ORG += cost;
+    m.CONTRACT_COST_YEAR = m.CONTRACT_COST_YEAR_ORG / 100000000;
+    m.RELEASE_CNT_YEAR += rel;
+    if (pcode) {
+      const key = `CONTRACT_CNT_MONTH_${pcode}`;
+      m[key] = (Number(m[key] || 0) + cnt);
+    }
+  }
+
+  // 계(합계) row
+  const total: MonthRow = {
+    MM: "",
+    CONTRACT_CNT_YEAR: 0,
+    CONTRACT_COST_YEAR_ORG: 0,
+    CONTRACT_COST_YEAR: 0,
+    RELEASE_CNT_YEAR: 0,
+  };
+  for (const p of products) total[`CONTRACT_CNT_MONTH_${p.CODE}`] = 0;
+  for (const m of months) {
+    total.CONTRACT_CNT_YEAR += m.CONTRACT_CNT_YEAR;
+    total.CONTRACT_COST_YEAR_ORG += m.CONTRACT_COST_YEAR_ORG;
+    total.RELEASE_CNT_YEAR += m.RELEASE_CNT_YEAR;
+    for (const p of products) {
+      const key = `CONTRACT_CNT_MONTH_${p.CODE}`;
+      total[key] = Number(total[key] || 0) + Number(m[key] || 0);
+    }
+  }
+  total.CONTRACT_COST_YEAR = total.CONTRACT_COST_YEAR_ORG / 100000000;
+
+  return NextResponse.json({
+    products,
+    total,
+    months,
+    year,
+  });
+}
diff --git a/src/app/api/sales/contract-dashboard/year-goal/route.ts b/src/app/api/sales/contract-dashboard/year-goal/route.ts
new file mode 100644
index 0000000..cc506d2
--- /dev/null
+++ b/src/app/api/sales/contract-dashboard/year-goal/route.ts
@@ -0,0 +1,64 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 년도별 영업목표 + 실적 조회
+// 원본: contractMgmt.xml getYearGoalInfo
+// body.Year 기준으로 Year, Year-1, Year-2 3개 반환
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const baseYear = parseInt(String(body.Year || body.year || new Date().getFullYear()), 10) || new Date().getFullYear();
+
+  const fetchYear = async (yr: string) => {
+    const row = await queryOne<Record<string, unknown>>(
+      `
+      WITH W_CM AS (
+        SELECT
+          CM.area_cd,
+          COALESCE(NULLIF(
+            CASE
+              WHEN COALESCE(NULLIF(CM.contract_price,''), '0') != '0' THEN COALESCE(NULLIF(CM.contract_price,''), '0')
+              WHEN CM.contract_currency = '0001566' AND COALESCE(NULLIF(CM.contract_price_currency,''), '0') != '0' THEN COALESCE(NULLIF(CM.contract_price_currency,''), '0')
+              ELSE COALESCE(NULLIF(CM.contract_price,''), '0')
+            END, ''
+          ), '0') AS contract_price
+        FROM contract_mgmt CM
+        WHERE CM.contract_result = '0000964'
+          AND TO_CHAR(TO_DATE(CM.contract_date, 'YYYY-MM-DD'), 'YYYY') = $1
+      )
+      SELECT
+        $1 AS "YEAR",
+        (SELECT COALESCE(MAX(price::integer), 0) FROM pms_pjt_year_goal WHERE year = $1) AS "PRICE",
+        (SELECT objid FROM pms_pjt_year_goal WHERE year = $1 LIMIT 1) AS "YEAR_GOAL_OBJID",
+        (SELECT COUNT(1) FROM contract_mgmt WHERE TO_CHAR(TO_DATE(contract_date,'YYYY-MM-DD'),'YYYY') = $1) AS "CONTRACT_CNT_YEAR_ALL",
+        (SELECT COUNT(1) FROM W_CM) AS "CONTRACT_CNT_YEAR",
+        (SELECT COUNT(1) FROM W_CM WHERE area_cd = '0001220') AS "CONTRACT_CNT_YEAR_IN",
+        (SELECT COUNT(1) FROM W_CM WHERE area_cd = '0001221') AS "CONTRACT_CNT_YEAR_OUT",
+        COALESCE((SELECT (SUM(COALESCE(contract_price::float, 0)))/100000000 FROM W_CM), 0) AS "CONTRACT_COST_YEAR",
+        CASE
+          WHEN (SELECT COALESCE(MAX(price::integer), 0) FROM pms_pjt_year_goal WHERE year = $1) = 0 THEN 0
+          ELSE COALESCE(
+            (
+              (SELECT (SUM(COALESCE(contract_price::float, 0)))/100000000 FROM W_CM)
+              / NULLIF((SELECT MAX(price::integer) FROM pms_pjt_year_goal WHERE year = $1), 0)
+            ) * 100,
+            0
+          )
+        END AS "GOAL_RATE"
+      `,
+      [yr]
+    );
+    return row || { YEAR: yr, PRICE: 0, CONTRACT_CNT_YEAR: 0, CONTRACT_COST_YEAR: 0, GOAL_RATE: 0 };
+  };
+
+  const years = await Promise.all([
+    fetchYear(String(baseYear - 2)),
+    fetchYear(String(baseYear - 1)),
+    fetchYear(String(baseYear)),
+  ]);
+
+  return NextResponse.json({ success: true, years });
+}
diff --git a/src/app/api/sales/contract-dashboard/year-goal/save/route.ts b/src/app/api/sales/contract-dashboard/year-goal/save/route.ts
new file mode 100644
index 0000000..4772f10
--- /dev/null
+++ b/src/app/api/sales/contract-dashboard/year-goal/save/route.ts
@@ -0,0 +1,37 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 영업목표 등록/수정 (원본: saveYearGoalInfo)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const year = String(body.Year || body.year || "");
+  const price = String(body.PRICE || body.price || "0");
+  const objid = String(body.YEAR_GOAL_OBJID || body.objid || "");
+
+  if (!year) return NextResponse.json({ success: false, message: "YEAR 누락" }, { status: 400 });
+
+  const finalObjid = objid || createObjectId();
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO pms_pjt_year_goal (objid, year, operation_division_code, price, writer, regdate)
+       VALUES ($1, $2, '', $3, $4, now())
+       ON CONFLICT (objid) DO UPDATE SET
+         year = EXCLUDED.year,
+         price = EXCLUDED.price`,
+      [finalObjid, year, price, user.userId]
+    );
+    return NextResponse.json({ success: true, message: "저장되었습니다.", objid: finalObjid });
+  } catch (e) {
+    console.error("YearGoal save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/sales/contract/delete/route.ts b/src/app/api/sales/contract/delete/route.ts
new file mode 100644
index 0000000..50d32d4
--- /dev/null
+++ b/src/app/api/sales/contract/delete/route.ts
@@ -0,0 +1,38 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 계약 삭제 (contractMgmt.deleteContractMngInfo 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objIds } = body;
+
+  if (!objIds || !Array.isArray(objIds) || objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    // 수주 상태인 건은 삭제 불가
+    const placeholders = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+
+    // 첨부파일도 함께 삭제
+    await execute(
+      `DELETE FROM attach_file_info WHERE target_objid IN (${objIds.map((_: string, i: number) => `$${i + 1}`).join(",")})`,
+      objIds
+    );
+
+    // 계약 삭제
+    await execute(
+      `DELETE FROM contract_mgmt WHERE objid IN (${placeholders})`,
+      objIds
+    );
+
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Contract delete error:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." });
+  }
+}
diff --git a/src/app/api/sales/contract/detail/route.ts b/src/app/api/sales/contract/detail/route.ts
new file mode 100644
index 0000000..c4d9057
--- /dev/null
+++ b/src/app/api/sales/contract/detail/route.ts
@@ -0,0 +1,48 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 계약 상세 조회 (contracMgmtFormPopup.do 대응)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const { objId } = body;
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT CM.objid::text AS "OBJID", CM.contract_no AS "CONTRACT_NO",
+      CM.category_cd AS "CATEGORY_CD", CM.area_cd AS "AREA_CD",
+      CM.customer_objid AS "CUSTOMER_OBJID", CM.product AS "PRODUCT",
+      CM.mechanical_type AS "MECHANICAL_TYPE",
+      CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+      CM.due_date AS "DUE_DATE", CM.location AS "LOCATION", CM.setup AS "SETUP",
+      CM.facility AS "FACILITY", CM.facility_qty AS "FACILITY_QTY",
+      CM.facility_type AS "FACILITY_TYPE", CM.facility_depth AS "FACILITY_DEPTH",
+      CM.contract_result AS "CONTRACT_RESULT",
+      CM.contract_date AS "CONTRACT_DATE", CM.po_no AS "PO_NO",
+      CM.pm_user_id AS "PM_USER_ID",
+      CM.contract_currency AS "CONTRACT_CURRENCY",
+      CM.contract_price_currency AS "CONTRACT_PRICE_CURRENCY",
+      CM.contract_price AS "CONTRACT_PRICE",
+      CM.project_name AS "PROJECT_NAME",
+      CM.contract_del_date AS "CONTRACT_DEL_DATE",
+      CM.req_del_date AS "REQ_DEL_DATE",
+      CM.contract_company AS "CONTRACT_COMPANY",
+      CM.manufacture_plant AS "MANUFACTURE_PLANT",
+      CM.target_project_no AS "TARGET_PROJECT_NO",
+      CM.target_project_no_direct AS "TARGET_PROJECT_NO_DIRECT",
+      CM.customer_production_no AS "CUSTOMER_PRODUCTION_NO",
+      CM.overhaul_order AS "OVERHAUL_ORDER",
+      CM.writer AS "WRITER",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = CM.writer LIMIT 1), '') AS "WRITER_NAME",
+      TO_CHAR(CM.regdate, 'YYYY-MM-DD') AS "REGDATE"
+     FROM contract_mgmt CM
+     WHERE CM.objid = $1`,
+    [objId]
+  );
+
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/sales/contract/next-no/route.ts b/src/app/api/sales/contract/next-no/route.ts
new file mode 100644
index 0000000..3906074
--- /dev/null
+++ b/src/app/api/sales/contract/next-no/route.ts
@@ -0,0 +1,28 @@
+import { NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 다음 영업번호 생성 (YYC-NNNN 형식)
+export async function GET() {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const yearPrefix = new Date().getFullYear().toString().slice(2); // "26"
+  const prefix = `${yearPrefix}C-`;
+
+  const result = await queryOne<{ MAX_NO: string }>(
+    `SELECT MAX(contract_no) AS "MAX_NO"
+     FROM contract_mgmt
+     WHERE contract_no LIKE $1 || '%'`,
+    [prefix]
+  );
+
+  let nextSeq = 1;
+  if (result?.MAX_NO) {
+    const lastSeq = parseInt(result.MAX_NO.replace(prefix, ""), 10);
+    if (!isNaN(lastSeq)) nextSeq = lastSeq + 1;
+  }
+
+  const nextNo = `${prefix}${String(nextSeq).padStart(4, "0")}`;
+  return NextResponse.json({ success: true, contractNo: nextNo });
+}
diff --git a/src/app/api/sales/contract/projects/route.ts b/src/app/api/sales/contract/projects/route.ts
new file mode 100644
index 0000000..46f612f
--- /dev/null
+++ b/src/app/api/sales/contract/projects/route.ts
@@ -0,0 +1,19 @@
+import { NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 대상프로젝트번호 드롭다운용 프로젝트 목록
+// 원본: common.xml getCusProjectNoList
+export async function POST() {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const rows = await queryRows(
+    `SELECT objid::varchar AS "CODE",
+            project_no AS "NAME"
+       FROM project_mgmt
+      WHERE COALESCE(project_no,'') != ''
+      ORDER BY project_no`
+  );
+  return NextResponse.json({ success: true, rows });
+}
diff --git a/src/app/api/sales/contract/route.ts b/src/app/api/sales/contract/route.ts
new file mode 100644
index 0000000..cfb3504
--- /dev/null
+++ b/src/app/api/sales/contract/route.ts
@@ -0,0 +1,101 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 영업관리 > 계약관리 목록 (원본: contractMgmt.xml contractGridList + contractBase)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year || body.year) {
+    conditions.push(`SUBSTR(CM.contract_date, 1, 4) = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  if (body.category_cd) {
+    conditions.push(`CM.category_cd = $${idx++}`);
+    params.push(body.category_cd);
+  }
+  if (body.customer_objid) {
+    conditions.push(`CM.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`CM.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.contract_result) {
+    conditions.push(`CM.contract_result = $${idx++}`);
+    params.push(body.contract_result);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`CM.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+  if (body.contract_start_date) {
+    conditions.push(`TO_DATE(CM.contract_date,'YYYY-MM-DD') >= TO_DATE($${idx++},'YYYY-MM-DD')`);
+    params.push(body.contract_start_date);
+  }
+  if (body.contract_end_date) {
+    conditions.push(`TO_DATE(CM.contract_date,'YYYY-MM-DD') <= TO_DATE($${idx++},'YYYY-MM-DD')`);
+    params.push(body.contract_end_date);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT CM.objid::text AS "OBJID",
+      CM.contract_no AS "CONTRACT_NO",
+      CM.category_cd AS "CATEGORY_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+      CM.overhaul_order AS "OVERHAUL_ORDER",
+      CM.area_cd AS "AREA_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.area_cd LIMIT 1) AS "AREA_NAME",
+      CM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      CM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1) AS "PRODUCT_NAME",
+      CM.mechanical_type AS "MECHANICAL_TYPE",
+      CM.customer_project_name AS "CUSTOMER_PROJECT_NAME",
+      CM.due_date AS "DUE_DATE",
+      CM.location AS "LOCATION",
+      CM.setup AS "SETUP",
+      CM.facility AS "FACILITY",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.facility LIMIT 1) AS "FACILITY_NAME",
+      CM.facility_qty AS "FACILITY_QTY",
+      CM.facility_type AS "FACILITY_TYPE",
+      CM.facility_depth AS "FACILITY_DEPTH",
+      CM.writer AS "WRITER",
+      (SELECT user_name FROM user_info WHERE user_id = CM.writer LIMIT 1) AS "WRITER_NAME",
+      TO_CHAR(CM.regdate,'YYYY-MM-DD') AS "REG_DATE",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid = CM.objid::text AND doc_type='contractMgmt01' AND UPPER(COALESCE(status,'active'))='ACTIVE')::text AS "CU01_CNT",
+      (CASE WHEN (CM.result_cd IS NULL OR CM.result_cd='') AND (CM.spec_result_cd IS NULL OR CM.spec_result_cd='') AND (CM.est_result_cd IS NULL OR CM.est_result_cd='') THEN '0' ELSE '1' END) AS "CU03_CNT",
+      CM.contract_result AS "CONTRACT_RESULT",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.contract_result LIMIT 1) AS "CONTRACT_RESULT_NAME",
+      CM.contract_date AS "CONTRACT_DATE",
+      CM.po_no AS "PO_NO",
+      CM.pm_user_id AS "PM_USER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = CM.pm_user_id LIMIT 1) AS "PM_USER_NAME",
+      CM.contract_currency AS "CONTRACT_CURRENCY",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.contract_currency LIMIT 1) AS "CONTRACT_CURRENCY_NAME",
+      CM.contract_price_currency AS "CONTRACT_PRICE_CURRENCY",
+      CM.contract_price AS "CONTRACT_PRICE",
+      CM.project_name AS "PROJECT_NAME",
+      CM.contract_del_date AS "CONTRACT_DEL_DATE",
+      CM.req_del_date AS "REQ_DEL_DATE",
+      CM.contract_company AS "CONTRACT_COMPANY",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.contract_company LIMIT 1) AS "CONTRACT_COMPANY_NAME",
+      CM.manufacture_plant AS "MANUFACTURE_PLANT",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.manufacture_plant LIMIT 1) AS "MANUFACTURE_PLANT_NAME"
+    FROM contract_mgmt CM
+    WHERE ${where}
+    ORDER BY CM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/sales/contract/save/route.ts b/src/app/api/sales/contract/save/route.ts
new file mode 100644
index 0000000..45f1901
--- /dev/null
+++ b/src/app/api/sales/contract/save/route.ts
@@ -0,0 +1,294 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 영업관리 > 계약 저장 + 수주(0000964) 전환 시 프로젝트 자동 생성 + WBS 자동 복사
+// 원본: ContractMgmtService.saveContractMgmtInfo (Java) +
+//       contractMgmt.xml saveContractMgmtInfo / insertProjectTask / insertProjectSetupTask +
+//       project.xml createProject / ModifyProjectByContract
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objId = String(body.objId || createObjectId());
+
+  // 오버홀/개조/MRO 카테고리
+  const OVERHAUL_CATEGORIES = new Set(["0000170", "0000171", "0001790"]);
+  const CONTRACT_RESULT_AWARDED = "0000964"; // 수주
+
+  const client = await pool.connect();
+  try {
+    await client.query("BEGIN");
+
+    // objid로 DB 존재 여부 확인 — 있으면 update, 없으면 insert
+    const existing = await client.query(
+      `SELECT contract_no FROM contract_mgmt WHERE objid = $1`,
+      [objId]
+    );
+    const isNew = existing.rows.length === 0;
+
+    // 1) CONTRACT_MGMT upsert
+    let contractNo = isNew ? "" : String(existing.rows[0].contract_no || "");
+    if (!contractNo) {
+      // 시퀀스 기반 채번 (원본: (SELECT TO_CHAR(NOW(),'yy')::VARCHAR ||'C-'|| LPAD(NEXTVAL('contract_mgmt_seq'),4,'0')))
+      const seq = await client.query(`SELECT NEXTVAL('contract_mgmt_seq') AS n`);
+      const n = Number(seq.rows[0].n);
+      const yy = new Date().getFullYear().toString().slice(2);
+      contractNo = `${yy}C-${String(n).padStart(4, "0")}`;
+    }
+
+    await client.query(
+      `INSERT INTO contract_mgmt (
+        objid, contract_no, category_cd, area_cd, customer_objid, product,
+        mechanical_type, customer_project_name, due_date, location, setup,
+        facility, facility_qty, facility_type, facility_depth,
+        contract_result, contract_date, po_no, pm_user_id,
+        contract_currency, contract_price_currency, contract_price,
+        project_name, contract_del_date, req_del_date,
+        contract_company, manufacture_plant,
+        target_project_no, target_project_no_direct, customer_production_no,
+        overhaul_order, writer, regdate
+      ) VALUES (
+        $1,$2,$3,$4,$5,$6,
+        $7,$8,$9,$10,$11,
+        $12,$13,$14,$15,
+        $16,$17,$18,$19,
+        $20,$21,$22,
+        $23,$24,$25,
+        $26,$27,
+        $28,$29,$30,
+        $31,$32,now()
+      )
+      ON CONFLICT (objid) DO UPDATE SET
+        category_cd = EXCLUDED.category_cd,
+        area_cd = EXCLUDED.area_cd,
+        customer_objid = EXCLUDED.customer_objid,
+        product = EXCLUDED.product,
+        mechanical_type = EXCLUDED.mechanical_type,
+        customer_project_name = EXCLUDED.customer_project_name,
+        due_date = EXCLUDED.due_date,
+        location = EXCLUDED.location,
+        setup = EXCLUDED.setup,
+        facility = EXCLUDED.facility,
+        facility_qty = EXCLUDED.facility_qty,
+        facility_type = EXCLUDED.facility_type,
+        facility_depth = EXCLUDED.facility_depth,
+        contract_result = EXCLUDED.contract_result,
+        contract_date = EXCLUDED.contract_date,
+        po_no = EXCLUDED.po_no,
+        pm_user_id = EXCLUDED.pm_user_id,
+        contract_currency = EXCLUDED.contract_currency,
+        contract_price_currency = EXCLUDED.contract_price_currency,
+        contract_price = EXCLUDED.contract_price,
+        project_name = EXCLUDED.project_name,
+        contract_del_date = EXCLUDED.contract_del_date,
+        req_del_date = EXCLUDED.req_del_date,
+        contract_company = EXCLUDED.contract_company,
+        manufacture_plant = EXCLUDED.manufacture_plant,
+        target_project_no = EXCLUDED.target_project_no,
+        target_project_no_direct = EXCLUDED.target_project_no_direct,
+        customer_production_no = EXCLUDED.customer_production_no,
+        overhaul_order = EXCLUDED.overhaul_order`,
+      [
+        objId, contractNo,
+        body.category_cd || "", body.area_cd || "",
+        body.customer_objid || "", body.product || "",
+        body.mechanical_type || "", body.customer_project_name || "",
+        body.due_date || "", body.location || "", body.setup || "",
+        body.facility || "", String(body.facility_qty || "1"),
+        body.facility_type || "", body.facility_depth || "",
+        body.contract_result || "", body.contract_date || "",
+        body.po_no || "", body.pm_user_id || "",
+        body.contract_currency || "", String(body.contract_price_currency || "0").replace(/,/g, ""),
+        String(body.contract_price || "0").replace(/,/g, ""),
+        body.project_name || "", body.contract_del_date || "",
+        body.req_del_date || "",
+        body.contract_company || "", body.manufacture_plant || "",
+        body.target_project_no || "", body.target_project_no_direct || "",
+        body.customer_production_no || "",
+        body.overhaul_order || "", user.userId,
+      ]
+    );
+
+    // 2) 수주(0000964)인 경우 프로젝트 자동 생성 + WBS 복사
+    let projectsCreated = 0;
+    if (body.contract_result === CONTRACT_RESULT_AWARDED) {
+      const facilityQty = Math.max(1, parseInt(String(body.facility_qty || "1"), 10));
+      const pricePer = Math.floor((parseFloat(String(body.contract_price || "0").replace(/,/g, "")) || 0) / facilityQty);
+      const pricePerCurrency = Math.floor((parseFloat(String(body.contract_price_currency || "0").replace(/,/g, "")) || 0) / facilityQty);
+
+      // 이미 연결된 프로젝트가 있는지 확인 — 있으면 업데이트, 없으면 신규 생성
+      const existCheck = await client.query(
+        `SELECT project_name FROM project_mgmt WHERE contract_objid = $1 LIMIT 1`,
+        [objId]
+      );
+
+      if (existCheck.rows.length === 0) {
+        // 신규 — facility_qty 만큼 반복 생성
+        const isOverhaul = OVERHAUL_CATEGORIES.has(body.category_cd || "");
+        const targetProjectNo = body.target_project_no_direct || body.target_project_no || "";
+
+        for (let i = 0; i < facilityQty; i++) {
+          const projectObjId = createObjectId();
+          const overhaulOrder = isOverhaul ? String((parseInt(body.overhaul_order || "0", 10) || 0) + i) : (body.overhaul_order || "");
+
+          // 프로젝트 번호: 오버홀이면 target_project_no, 아니면 "{mechanical_type}-{autoincrement}"
+          // 파라미터: $1=projectObjId, $2=objId(contract_objid INSERT용), $3=facility, $4=facility_depth
+          //          $5=projectNo seed, $6=pricePer, $7=pricePerCurrency, $8=project_name, $9=overhaul_order
+          //          $10=objId(WHERE절용 — $2와 동일값이지만 타입 추론 충돌 방지 위해 분리)
+          let projectNoSql: string;
+          const projectNoParams: unknown[] = [];
+          if (isOverhaul && targetProjectNo) {
+            projectNoSql = `$5`;
+            projectNoParams.push(targetProjectNo);
+          } else {
+            // MECHANICAL_TYPE || '-' || nextNum
+            projectNoSql = `
+              COALESCE($5, '') || '-' || COALESCE(
+                (SELECT CASE WHEN project_no ~ '[-\\s][0-9]+$'
+                             THEN (REGEXP_REPLACE(project_no, '.*[-\\s]([0-9]+)$', '\\1')::integer + 1)::text
+                             ELSE NULL END
+                   FROM project_mgmt
+                  WHERE project_no NOT LIKE '%\\_%' ESCAPE '\\'
+                  ORDER BY CASE WHEN project_no ~ '[-\\s][0-9]+$'
+                                THEN (REGEXP_REPLACE(project_no, '.*[-\\s]([0-9]+)$', '\\1')::integer + 1)
+                                ELSE NULL END DESC NULLS LAST
+                  LIMIT 1),
+                '1')`;
+            projectNoParams.push(body.mechanical_type || "");
+          }
+
+          // createProject (원본 project.xml) 단순화한 형태 — CONTRACT_MGMT 복사 + 일부 override
+          await client.query(
+            `INSERT INTO project_mgmt (
+              objid, contract_objid, category_cd, customer_objid, product,
+              customer_project_name, status_cd, due_date, location, setup,
+              facility, facility_qty, facility_type, facility_depth,
+              production_no, bus_cal_cd, category1_cd, chg_user_id,
+              plan_date, complete_date, result_cd, project_no,
+              pm_user_id, contract_price, contract_price_currency, contract_currency,
+              regdate, writer, contract_no, customer_equip_name,
+              req_del_date, contract_del_date, contract_company, contract_date,
+              po_no, manufacture_plant, contract_result, project_name,
+              spec_user_id, spec_plan_date, spec_comp_date, spec_result_cd,
+              est_plan_date, est_user_id, est_comp_date, est_result_cd,
+              area_cd, mechanical_type, overhaul_order, is_temp
+            )
+            SELECT
+              $1, $2, category_cd, customer_objid, product,
+              customer_project_name, status_cd, due_date, location, setup,
+              $3, '1', facility_type, $4,
+              production_no, bus_cal_cd, category1_cd, chg_user_id,
+              plan_date, complete_date, result_cd, ${projectNoSql},
+              pm_user_id, $6, $7, contract_currency,
+              now(), writer, contract_no, customer_equip_name,
+              req_del_date, contract_del_date, contract_company, contract_date,
+              po_no, manufacture_plant, contract_result, $8,
+              spec_user_id, spec_plan_date, spec_comp_date, spec_result_cd,
+              est_plan_date, est_user_id, est_comp_date, est_result_cd,
+              area_cd, mechanical_type, $9, '1'
+            FROM contract_mgmt WHERE objid = $10`,
+            [
+              projectObjId, objId,
+              body.facility || "", body.facility_depth || "",
+              ...projectNoParams,
+              String(pricePer), String(pricePerCurrency), body.project_name || "",
+              overhaulOrder,
+              objId,
+            ]
+          );
+
+          // WBS Task 복사: pms_wbs_task_standard JOIN pms_wbs_template WHERE title = mechanical_type
+          // contractMgmt.xml insertProjectTask 참고. task의 contract_objid에는 신규 프로젝트 OBJID가 들어감(원본 설계)
+          await client.query(
+            `INSERT INTO pms_wbs_task (objid, contract_objid, task_name, task_seq, unit_no, writer, reg_date)
+             SELECT
+               MD5(gen_random_uuid()::text),
+               $1,
+               T.task_name,
+               T.task_seq,
+               T.unit_no,
+               $2,
+               now()
+             FROM pms_wbs_task_standard T
+             LEFT JOIN pms_wbs_template T1 ON T.parent_objid = T1.objid
+             WHERE T1.title = $3`,
+            [projectObjId, user.userId, body.mechanical_type || ""]
+          );
+
+          // Setup WBS Task 복사 (원본은 전체 standard 복사 — 필터 없음)
+          await client.query(
+            `INSERT INTO setup_wbs_task (objid, contract_objid, parent_objid, task_category, task_name, standard_objid, task_seq, proj_step)
+             SELECT
+               MD5(gen_random_uuid()::text),
+               $1,
+               T.parent_objid,
+               T.task_category,
+               T.task_name,
+               T.objid,
+               T.task_seq,
+               T.proj_step
+             FROM setup_wbs_task_standard T`,
+            [projectObjId]
+          );
+
+          projectsCreated++;
+        }
+      } else {
+        // 이미 있는 프로젝트 — 업데이트 (ModifyProjectByContract 대응)
+        await client.query(
+          `UPDATE project_mgmt SET
+             due_date = $2,
+             customer_project_name = $3,
+             location = $4,
+             setup = $5,
+             facility = $6,
+             facility_type = $7,
+             facility_depth = $8,
+             contract_date = $9,
+             po_no = $10,
+             pm_user_id = $11,
+             contract_currency = $12,
+             contract_price_currency = $13,
+             contract_price = $14,
+             project_name = $15,
+             contract_del_date = $16,
+             req_del_date = $17,
+             contract_company = $18,
+             manufacture_plant = $19
+           WHERE contract_objid = $1`,
+          [
+            objId,
+            body.due_date || "", body.customer_project_name || "",
+            body.location || "", body.setup || "",
+            body.facility || "", body.facility_type || "", body.facility_depth || "",
+            body.contract_date || "", body.po_no || "", body.pm_user_id || "",
+            body.contract_currency || "", String(pricePerCurrency), String(pricePer),
+            body.project_name || "", body.contract_del_date || "", body.req_del_date || "",
+            body.contract_company || "", body.manufacture_plant || "",
+          ]
+        );
+      }
+    }
+
+    await client.query("COMMIT");
+
+    const msg = isNew ? "등록되었습니다." : "수정되었습니다.";
+    const extra = projectsCreated > 0 ? ` (프로젝트 ${projectsCreated}건 자동 생성 + WBS 연결됨)` : "";
+    return NextResponse.json({
+      success: true, objId, contractNo, projectsCreated,
+      message: msg + extra,
+    });
+  } catch (error) {
+    await client.query("ROLLBACK");
+    console.error("Contract save error:", error);
+    return NextResponse.json({
+      success: false,
+      message: "저장 중 오류가 발생했습니다: " + (error instanceof Error ? error.message : String(error)),
+    }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/sales/customer/delete/route.ts b/src/app/api/sales/customer/delete/route.ts
new file mode 100644
index 0000000..907879c
--- /dev/null
+++ b/src/app/api/sales/customer/delete/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 고객 삭제 (원본: contractMgmt.xml deletesupplyMngInfo — 실제 DELETE)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objIds: string[] = Array.isArray(body.objIds) ? body.objIds : body.objId ? [body.objId] : [];
+
+  if (objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const placeholders = objIds.map((_, i) => `$${i + 1}::numeric`).join(",");
+    await execute(
+      `DELETE FROM supply_mng WHERE objid IN (${placeholders})`,
+      objIds
+    );
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Customer delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/sales/customer/detail/route.ts b/src/app/api/sales/customer/detail/route.ts
new file mode 100644
index 0000000..6c59a9e
--- /dev/null
+++ b/src/app/api/sales/customer/detail/route.ts
@@ -0,0 +1,41 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 고객 상세 (원본: contractMgmt.xml getSupMngInfo)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objid = String(body.objid || body.objId || "");
+  if (!objid) return NextResponse.json({ success: false, message: "objid 누락" }, { status: 400 });
+
+  const info = await queryOne(
+    `SELECT objid::text AS "OBJID",
+      cus_no AS "CUS_NO",
+      supply_code AS "SUPPLY_CODE",
+      supply_name AS "SUPPLY_NAME",
+      reg_no AS "REG_NO",
+      REGEXP_REPLACE(COALESCE(reg_no,''), '([0-9]{7})', '*******') AS "REG_NO2",
+      supply_address AS "SUPPLY_ADDRESS",
+      supply_busname AS "SUPPLY_BUSNAME",
+      supply_stockname AS "SUPPLY_STOCKNAME",
+      supply_tel_no AS "SUPPLY_TEL_NO",
+      supply_fax_no AS "SUPPLY_FAX_NO",
+      charge_user_name AS "CHARGE_USER_NAME",
+      payment_method AS "PAYMENT_METHOD",
+      reg_id AS "REG_ID",
+      TO_CHAR(reg_date,'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(status,'active') AS "STATUS",
+      area_cd AS "AREA_CD",
+      bus_reg_no AS "BUS_REG_NO",
+      office_no AS "OFFICE_NO",
+      email AS "EMAIL"
+    FROM supply_mng WHERE objid::text = $1`,
+    [objid]
+  );
+
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/sales/customer/route.ts b/src/app/api/sales/customer/route.ts
new file mode 100644
index 0000000..03b724a
--- /dev/null
+++ b/src/app/api/sales/customer/route.ts
@@ -0,0 +1,56 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 영업관리 > 고객관리 목록 (원본: contractMgmt.xml supplyMngGridPagingList)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.supply_name) {
+    conditions.push(`UPPER(S.supply_name) LIKE UPPER('%' || $${idx++} || '%')`);
+    params.push(body.supply_name);
+  }
+  if (body.supply_code) {
+    conditions.push(`S.supply_code = $${idx++}`);
+    params.push(body.supply_code);
+  }
+  if (body.area_cd) {
+    conditions.push(`S.area_cd = $${idx++}`);
+    params.push(body.area_cd);
+  }
+  if (body.searchStatus) {
+    conditions.push(`UPPER(COALESCE(S.status,'active')) = UPPER($${idx++})`);
+    params.push(body.searchStatus);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT S.objid::text AS "OBJID",
+      S.cus_no AS "CUS_NO",
+      S.supply_code AS "SUPPLY_CODE",
+      (SELECT code_name FROM comm_code WHERE code_id = S.supply_code LIMIT 1) AS "SUPPLY_CODE_NAME",
+      S.area_cd AS "AREA_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = S.area_cd LIMIT 1) AS "AREA_CD_NAME",
+      S.supply_name AS "SUPPLY_NAME",
+      S.charge_user_name AS "CHARGE_USER_NAME",
+      S.bus_reg_no AS "BUS_REG_NO",
+      S.supply_address AS "SUPPLY_ADDRESS",
+      S.supply_tel_no AS "SUPPLY_TEL_NO",
+      S.email AS "EMAIL",
+      TO_CHAR(S.reg_date,'YYYY-MM-DD') AS "REGDATE",
+      COALESCE(S.status,'active') AS "STATUS"
+    FROM supply_mng S
+    WHERE ${where}
+    ORDER BY S.cus_no DESC NULLS LAST, S.reg_date DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/sales/customer/save/route.ts b/src/app/api/sales/customer/save/route.ts
new file mode 100644
index 0000000..ec17541
--- /dev/null
+++ b/src/app/api/sales/customer/save/route.ts
@@ -0,0 +1,94 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 고객 등록/수정 (원본: contractMgmt.xml mergeSupMgmtInfo)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const isNew = !body.objid;
+  const objid = isNew ? createObjectId() : String(body.objid);
+
+  const client = await pool.connect();
+  try {
+    if (isNew) {
+      // 원본과 동일하게 CUS-XXXX 자동 채번
+      await client.query(
+        `INSERT INTO supply_mng
+          (objid, supply_code, supply_name, reg_no, supply_address, supply_busname,
+           supply_stockname, supply_tel_no, supply_fax_no, charge_user_name, payment_method,
+           reg_id, reg_date, status, area_cd, bus_reg_no, office_no, email, cus_no)
+         VALUES ($1::numeric, $2,$3,$4,$5,$6, $7,$8,$9,$10,$11,
+                 $12, now(), 'active', $13,$14,$15,$16,
+                 (SELECT 'CUS-' || LPAD((COALESCE(MAX(SUBSTR(cus_no,5,8))::INTEGER,0)+1)::VARCHAR, 4, '0')
+                    FROM supply_mng))`,
+        [
+          objid,
+          body.supply_code || "",
+          body.supply_name || "",
+          body.reg_no || "",
+          body.supply_address || "",
+          body.supply_busname || "",
+          body.supply_stockname || "",
+          body.supply_tel_no || "",
+          body.supply_fax_no || "",
+          body.charge_user_name || "",
+          body.payment_method || "",
+          body.reg_id || user.userId,
+          body.area_cd || "",
+          body.bus_reg_no || "",
+          body.office_no || "",
+          body.email || "",
+        ]
+      );
+    } else {
+      await client.query(
+        `UPDATE supply_mng SET
+           supply_code = $2,
+           supply_name = $3,
+           reg_no = $4,
+           supply_address = $5,
+           supply_busname = $6,
+           supply_stockname = $7,
+           supply_tel_no = $8,
+           supply_fax_no = $9,
+           charge_user_name = $10,
+           payment_method = $11,
+           reg_id = $12,
+           area_cd = $13,
+           bus_reg_no = $14,
+           office_no = $15,
+           email = $16
+         WHERE objid::text = $1`,
+        [
+          objid,
+          body.supply_code || "",
+          body.supply_name || "",
+          body.reg_no || "",
+          body.supply_address || "",
+          body.supply_busname || "",
+          body.supply_stockname || "",
+          body.supply_tel_no || "",
+          body.supply_fax_no || "",
+          body.charge_user_name || "",
+          body.payment_method || "",
+          body.reg_id || "",
+          body.area_cd || "",
+          body.bus_reg_no || "",
+          body.office_no || "",
+          body.email || "",
+        ]
+      );
+    }
+
+    return NextResponse.json({ success: true, message: isNew ? "등록되었습니다." : "수정되었습니다.", objid });
+  } catch (e) {
+    console.error("Customer save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/sales/release/delete/route.ts b/src/app/api/sales/release/delete/route.ts
new file mode 100644
index 0000000..3456666
--- /dev/null
+++ b/src/app/api/sales/release/delete/route.ts
@@ -0,0 +1,25 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 출고 삭제 (원본: releaseMgmt.xml deleteReleaseMgmtInfo — 실제 DELETE)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const objIds: string[] = Array.isArray(body.objIds) ? body.objIds : body.objId ? [body.objId] : [];
+
+  if (objIds.length === 0) {
+    return NextResponse.json({ success: false, message: "삭제할 항목을 선택하세요." });
+  }
+
+  try {
+    const ph = objIds.map((_, i) => `$${i + 1}`).join(",");
+    await execute(`DELETE FROM release_mgmt WHERE objid IN (${ph})`, objIds);
+    return NextResponse.json({ success: true, message: `${objIds.length}건이 삭제되었습니다.` });
+  } catch (error) {
+    console.error("Release delete:", error);
+    return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/sales/release/detail/route.ts b/src/app/api/sales/release/detail/route.ts
new file mode 100644
index 0000000..143bd4e
--- /dev/null
+++ b/src/app/api/sales/release/detail/route.ts
@@ -0,0 +1,52 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 출고관리 단건 조회 — project_objid(접수 프로젝트)로 조회
+// release_mgmt는 없을 수 있음(신규 등록 케이스), 그 경우 프로젝트/계약 정보만 반환
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const projectObjId = String(body.projectObjId || body.objId || "");
+  if (!projectObjId) {
+    return NextResponse.json({ success: false, message: "projectObjId 누락" }, { status: 400 });
+  }
+
+  const info = await queryOne(
+    `SELECT
+      PM.objid::text AS "PROJECT_OBJID",
+      PM.contract_objid::text AS "CONTRACT_OBJID",
+      PM.project_no AS "PROJECT_NO",
+      PM.project_name AS "PROJECT_NAME",
+      PM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = PM.product LIMIT 1) AS "PRODUCT_NAME",
+      PM.mechanical_type AS "MECHANICAL_TYPE",
+      CM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+      CM.contract_del_date AS "CONTRACT_DEL_DATE",
+      CM.req_del_date AS "REQ_DEL_DATE",
+      CM.location AS "LOCATION",
+      CM.setup AS "SETUP",
+      CM.facility_type AS "FACILITY_TYPE",
+      RM.objid AS "RELEASE_OBJID",
+      RM.release_car_no AS "RELEASE_CAR_NO",
+      RM.release_date AS "RELEASE_DATE",
+      RM.task_over_user_id AS "TASK_OVER_USER_ID",
+      RM.task_over_date AS "TASK_OVER_DATE",
+      RM.task_over_comment AS "TASK_OVER_COMMENT",
+      RM.install_complete_date AS "INSTALL_COMPLETE_DATE",
+      RM.install_result AS "INSTALL_RESULT"
+    FROM project_mgmt PM
+    JOIN contract_mgmt CM ON CM.objid = PM.contract_objid
+    LEFT JOIN release_mgmt RM
+      ON RM.parent_objid = PM.contract_objid AND COALESCE(RM.product,'') = COALESCE(PM.product,'')
+    WHERE PM.objid::text = $1`,
+    [projectObjId]
+  );
+
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/sales/release/route.ts b/src/app/api/sales/release/route.ts
new file mode 100644
index 0000000..5e83d9c
--- /dev/null
+++ b/src/app/api/sales/release/route.ts
@@ -0,0 +1,115 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 영업관리 > 출고관리 목록
+// 원본: productionplanning.xml releaseMgmtGridList
+// 접근: 수주(0000964)된 contract_mgmt ← project_mgmt 연결 ← release_mgmt(OUTER JOIN)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const conditions: string[] = [
+    "COALESCE(CM.contract_result,'') = '0000964'", // 수주된 계약만
+  ];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.Year || body.year) {
+    conditions.push(`SUBSTR(CM.contract_date,1,4) = $${idx++}`);
+    params.push(String(body.Year || body.year));
+  }
+  if (body.project_nos) {
+    const arr = String(body.project_nos).split(",").filter(Boolean);
+    if (arr.length > 0) {
+      const ph = arr.map(() => `$${idx++}`).join(",");
+      conditions.push(`PM.objid IN (${ph})`);
+      arr.forEach((v) => params.push(v));
+    }
+  }
+  if (body.category_cd) {
+    conditions.push(`CM.category_cd = $${idx++}`);
+    params.push(body.category_cd);
+  }
+  if (body.customer_objid) {
+    conditions.push(`CM.customer_objid = $${idx++}`);
+    params.push(body.customer_objid);
+  }
+  if (body.product) {
+    conditions.push(`CM.product = $${idx++}`);
+    params.push(body.product);
+  }
+  if (body.pm_user_id) {
+    conditions.push(`CM.pm_user_id = $${idx++}`);
+    params.push(body.pm_user_id);
+  }
+  if (body.release_start_date) {
+    conditions.push(`RM.release_date >= $${idx++}`);
+    params.push(body.release_start_date);
+  }
+  if (body.release_end_date) {
+    conditions.push(`RM.release_date <= $${idx++}`);
+    params.push(body.release_end_date);
+  }
+  if (body.install_result) {
+    conditions.push(`RM.install_result = $${idx++}`);
+    params.push(body.install_result);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      PM.objid::text AS "OBJID",
+      PM.contract_objid::text AS "CONTRACT_OBJID",
+      PM.project_no AS "PROJECT_NO",
+      PM.project_name AS "PROJECT_NAME",
+      CM.category_cd AS "CATEGORY_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.category_cd LIMIT 1) AS "CATEGORY_NAME",
+      CM.overhaul_order AS "OVERHAUL_ORDER",
+      CM.area_cd AS "AREA_CD",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.area_cd LIMIT 1) AS "AREA_NAME",
+      CM.customer_objid AS "CUSTOMER_OBJID",
+      (SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1) AS "CUSTOMER_NAME",
+      CM.product AS "PRODUCT",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.product LIMIT 1) AS "PRODUCT_NAME",
+      CM.mechanical_type AS "MECHANICAL_TYPE",
+      CM.req_del_date AS "REQ_DEL_DATE",
+      CM.contract_del_date AS "CONTRACT_DEL_DATE",
+      CM.location AS "LOCATION",
+      CM.setup AS "SETUP",
+      CM.facility AS "FACILITY",
+      (SELECT code_name FROM comm_code WHERE code_id = CM.facility LIMIT 1) AS "FACILITY_NAME",
+      PM.facility_qty AS "FACILITY_QTY",
+      CM.facility_type AS "FACILITY_TYPE",
+      CM.facility_depth AS "FACILITY_DEPTH",
+      (SELECT user_name FROM user_info WHERE user_id = CM.pm_user_id LIMIT 1) AS "PM_USER_NAME",
+      RM.objid AS "RELEASE_OBJID",
+      RM.release_car_no AS "RELEASE_CAR_NO",
+      RM.release_date AS "RELEASE_DATE",
+      RM.task_over_user_id AS "TASK_OVER_USER_ID",
+      (SELECT user_name FROM user_info WHERE user_id = RM.task_over_user_id LIMIT 1) AS "TASK_OVER_USER_NAME",
+      RM.task_over_date AS "TASK_OVER_DATE",
+      RM.install_complete_date AS "INSTALL_COMPLETE_DATE",
+      RM.install_result AS "INSTALL_RESULT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid::varchar = RM.objid AND doc_type = 'RELEASE_CHECK' AND UPPER(COALESCE(status,'active'))='ACTIVE')::text AS "RELEASE_CHECK_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid::varchar = RM.objid AND doc_type = 'RELEASE_ORDER' AND UPPER(COALESCE(status,'active'))='ACTIVE')::text AS "RELEASE_ORDER_CNT",
+      (SELECT COUNT(*) FROM attach_file_info WHERE target_objid::varchar = RM.objid AND doc_type = 'RELEASE_TAKING_OVER' AND UPPER(COALESCE(status,'active'))='ACTIVE')::text AS "RELEASE_TAKING_OVER_CNT",
+      CASE
+        WHEN COALESCE(TRIM(RM.release_date),'') != '' THEN '출고완료'
+        WHEN COALESCE(TRIM(CM.contract_date),'') != '' THEN '수주'
+        WHEN TO_CHAR(NOW(),'YYYYMMDD') >= REPLACE(COALESCE(CM.due_date,''), '-', '') THEN '지연'
+        ELSE '계약'
+      END AS "RELEASE_STATUS_TITLE"
+    FROM project_mgmt PM
+    JOIN contract_mgmt CM ON CM.objid = PM.contract_objid
+    LEFT OUTER JOIN release_mgmt RM
+      ON RM.parent_objid = PM.contract_objid AND COALESCE(RM.product,'') = COALESCE(PM.product,'')
+    WHERE ${where}
+    ORDER BY PM.project_no DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/sales/release/save/route.ts b/src/app/api/sales/release/save/route.ts
new file mode 100644
index 0000000..ec52f2f
--- /dev/null
+++ b/src/app/api/sales/release/save/route.ts
@@ -0,0 +1,67 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// 출고 등록/수정 (원본: releaseMgmt.xml saveReleaseMgmtInfo)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const releaseObjId = String(body.RELEASE_OBJID || body.release_objid || "");
+  const parentObjId = String(body.PARENT_OBJID || body.parent_objid || "");
+  const product = String(body.PRODUCT || body.product || "");
+
+  if (!releaseObjId) {
+    return NextResponse.json({ success: false, message: "RELEASE_OBJID 누락" }, { status: 400 });
+  }
+  if (!parentObjId) {
+    return NextResponse.json({ success: false, message: "계약 OBJID 누락" }, { status: 400 });
+  }
+
+  const releaseCarNo = String(body.RELEASE_CAR_NO || "");
+  const releaseDate = String(body.RELEASE_DATE || "");
+  const taskOverUserId = String(body.TASK_OVER_USER_ID || "");
+  const taskOverDate = String(body.TASK_OVER_DATE || "");
+  const taskOverComment = String(body.TASK_OVER_COMMENT || "");
+  const installCompleteDate = String(body.INSTALL_COMPLETE_DATE || "");
+  const installResult = String(body.INSTALL_RESULT || "");
+  const productGroup = String(body.PRODUCT_GROUP || body.product_group || "");
+  const status = String(body.STATUS || "0000201");
+
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO release_mgmt
+        (objid, parent_objid, release_car_no, release_date, task_over_user_id,
+         task_over_date, task_over_comment, status, regdate, writer,
+         product_group, product, install_complete_date, install_result)
+       VALUES ($1, $2, $3, $4, $5, $6, $7, $8, now(), $9, $10, $11, $12, $13)
+       ON CONFLICT (objid) DO UPDATE SET
+         parent_objid = EXCLUDED.parent_objid,
+         release_car_no = EXCLUDED.release_car_no,
+         release_date = EXCLUDED.release_date,
+         task_over_user_id = EXCLUDED.task_over_user_id,
+         task_over_date = EXCLUDED.task_over_date,
+         task_over_comment = EXCLUDED.task_over_comment,
+         status = EXCLUDED.status,
+         writer = EXCLUDED.writer,
+         product_group = EXCLUDED.product_group,
+         product = EXCLUDED.product,
+         install_complete_date = EXCLUDED.install_complete_date,
+         install_result = EXCLUDED.install_result`,
+      [
+        releaseObjId, parentObjId, releaseCarNo, releaseDate, taskOverUserId,
+        taskOverDate, taskOverComment, status, user.userId,
+        productGroup, product, installCompleteDate, installResult,
+      ]
+    );
+
+    return NextResponse.json({ success: true, message: "저장되었습니다.", releaseObjId });
+  } catch (e) {
+    console.error("Release save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/app/api/sales/year-goal/route.ts b/src/app/api/sales/year-goal/route.ts
new file mode 100644
index 0000000..8a31f2a
--- /dev/null
+++ b/src/app/api/sales/year-goal/route.ts
@@ -0,0 +1,59 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows, execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// 영업목표 조회/저장 (contractMgmt.getYearGoalInfo + saveYearGoalInfo 이식)
+// 테이블: PMS_PJT_YEAR_GOAL (OBJID, YEAR, OPERATION_DIVISION_CODE, PRICE, WRITER, REGDATE)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+  const action = String(body.action || "list");
+
+  if (action === "save") {
+    const year = String(body.year || "");
+    const price = String(body.price || "0").replace(/,/g, "");
+    if (!year) return NextResponse.json({ success: false, message: "year 필요" }, { status: 400 });
+    try {
+      const objId = String(body.objId || createObjectId());
+      await execute(
+        `INSERT INTO pms_pjt_year_goal (objid, year, operation_division_code, price, writer, regdate)
+         VALUES ($1, $2, $3, $4, $5, NOW())
+         ON CONFLICT (objid) DO UPDATE SET price = EXCLUDED.price`,
+        [objId, year, String(body.operation_division_code || ""), price, user.userId],
+      );
+      return NextResponse.json({ success: true, message: "저장되었습니다." });
+    } catch (e) {
+      console.error("year-goal save:", e);
+      return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  if (action === "delete") {
+    const objIds: string[] = Array.isArray(body.objIds) ? body.objIds : [];
+    if (objIds.length === 0) return NextResponse.json({ success: false, message: "선택된 항목 없음" });
+    try {
+      const ph = objIds.map((_, i) => `$${i + 1}`).join(",");
+      await execute(`DELETE FROM pms_pjt_year_goal WHERE objid IN (${ph})`, objIds);
+      return NextResponse.json({ success: true, message: "삭제되었습니다." });
+    } catch (e) {
+      console.error("year-goal delete:", e);
+      return NextResponse.json({ success: false, message: "삭제 중 오류가 발생했습니다." }, { status: 500 });
+    }
+  }
+
+  // list
+  const rows = await queryRows(
+    `SELECT objid::text AS "OBJID",
+            year AS "YEAR",
+            operation_division_code AS "OPERATION_DIVISION_CODE",
+            price AS "PRICE",
+            writer AS "WRITER",
+            TO_CHAR(regdate, 'YYYY-MM-DD') AS "REGDATE"
+       FROM pms_pjt_year_goal
+      ORDER BY year DESC`,
+  );
+  return NextResponse.json({ RESULTLIST: rows });
+}
diff --git a/src/app/api/scm/defect/detail/route.ts b/src/app/api/scm/defect/detail/route.ts
new file mode 100644
index 0000000..a6124a1
--- /dev/null
+++ b/src/app/api/scm/defect/detail/route.ts
@@ -0,0 +1,30 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT AP.objid::text AS "OBJID",
+       POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+       CM.contract_no AS "PROJECT_NO",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+       POP.part_no AS "PART_NO", POP.part_name AS "PART_NAME",
+       AP.error_qty AS "DEFECT_QTY", AP.error_reason AS "ERROR_REASON",
+       AP.attribution AS "ATTRIBUTION",
+       AP.receipt_date AS "DEFECT_DATE",
+       AP.re_arrival_plan_date AS "RE_ARRIVAL_PLAN_DATE",
+       AP.group_seq AS "GROUP_SEQ", AP.seq AS "SEQ"
+     FROM arrival_plan AP
+     JOIN purchase_order_part POP ON POP.objid::text = AP.order_part_objid
+     JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+     LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+     WHERE AP.objid::text = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/scm/defect/route.ts b/src/app/api/scm/defect/route.ts
new file mode 100644
index 0000000..6f2dda6
--- /dev/null
+++ b/src/app/api/scm/defect/route.ts
@@ -0,0 +1,62 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// SCM 부적합품관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // SCM: filter by partner unless admin
+  if (!user.isAdmin) {
+    conditions.push(
+      `POM.partner_objid = (SELECT objid::text FROM supply_mng WHERE UPPER(supply_code) = UPPER($${idx++}) LIMIT 1)`
+    );
+    params.push(user.partnerCd);
+  }
+
+  // invalidMgmtGridList 대응 — arrival_plan.error_qty 기반
+  if (body.year) {
+    conditions.push(`TO_CHAR(CM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.supplier_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.supplier_name);
+  }
+  if (body.status_code) {
+    conditions.push(`CASE WHEN COALESCE(AP.assembly_status, '') != '' THEN 'complete' ELSE 'pending' END = $${idx++}`);
+    params.push(body.status_code);
+  }
+
+  const where = conditions.length > 0 ? conditions.join(" AND ") : "1=1";
+
+  const sql = `
+    SELECT AP.objid::text AS "OBJID",
+      POM.purchase_order_no AS "DEFECT_NO",
+      CM.contract_no AS "PROJECT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+      POP.part_no AS "PART_NO",
+      POP.part_name AS "PART_NAME",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = AP.error_reason LIMIT 1), '') AS "DEFECT_TYPE_NAME",
+      AP.receipt_date AS "DEFECT_DATE",
+      AP.error_qty AS "DEFECT_QTY",
+      '' AS "ACTION_CONTENT",
+      CASE WHEN COALESCE(AP.assembly_status, '') != '' THEN '처리완료' ELSE '미처리' END AS "STATUS_NAME"
+    FROM arrival_plan AP
+    JOIN purchase_order_part POP ON POP.objid::text = AP.order_part_objid
+    JOIN purchase_order_master POM ON POM.objid = POP.purchase_order_master_objid
+    LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+    WHERE AP.error_qty IS NOT NULL AND AP.error_qty != '' AND AP.error_qty != '0' AND ${where}
+    ORDER BY AP.receipt_date DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/scm/defect/save/route.ts b/src/app/api/scm/defect/save/route.ts
new file mode 100644
index 0000000..dc98bea
--- /dev/null
+++ b/src/app/api/scm/defect/save/route.ts
@@ -0,0 +1,29 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const client = await pool.connect();
+  // arrival_plan의 error_qty/error_reason/attribution 업데이트
+  try {
+    if (body.objId) {
+      await client.query(
+        `UPDATE arrival_plan SET
+          error_qty = $1, error_reason = $2, attribution = $3
+         WHERE objid = $4`,
+        [body.error_qty || body.defect_qty || "",
+         body.error_reason || body.defect_reason || "",
+         body.attribution || "",
+         body.objId]
+      );
+    }
+    return NextResponse.json({ success: true, message: "불량 정보가 저장되었습니다." });
+  } catch (e) {
+    console.error("SCM defect save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/scm/invoice/route.ts b/src/app/api/scm/invoice/route.ts
new file mode 100644
index 0000000..f26e631
--- /dev/null
+++ b/src/app/api/scm/invoice/route.ts
@@ -0,0 +1,64 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// SCM 거래명세서 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // SCM: filter by partner unless admin
+  if (!user.isAdmin) {
+    conditions.push(
+      `POM.partner_objid = (SELECT objid::text FROM supply_mng WHERE UPPER(supply_code) = UPPER($${idx++}) LIMIT 1)`
+    );
+    params.push(user.partnerCd);
+  }
+
+  // invoiceMgmtGridList 대응
+  if (body.year) {
+    conditions.push(`TO_CHAR(IM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.supplier_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.supplier_name);
+  }
+  if (body.invoice_date_from) {
+    conditions.push(`IM.issuance_date >= $${idx++}`);
+    params.push(body.invoice_date_from);
+  }
+  if (body.invoice_date_to) {
+    conditions.push(`IM.issuance_date <= $${idx++}`);
+    params.push(body.invoice_date_to);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT IM.objid::text AS "OBJID",
+      IM.objid::text AS "INVOICE_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+      CM.contract_no AS "PROJECT_NO",
+      IM.issuance_date AS "INVOICE_DATE",
+      COALESCE(IM.price_sum::numeric, 0) AS "SUPPLY_AMOUNT",
+      ROUND(COALESCE(IM.price_sum::numeric, 0) * 0.1) AS "TAX_AMOUNT",
+      ROUND(COALESCE(IM.price_sum::numeric, 0) * 1.1) AS "TOTAL_AMOUNT",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = IM.status LIMIT 1), IM.status) AS "STATUS_NAME",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = IM.writer LIMIT 1), '') AS "WRITER_NAME"
+    FROM invoice_mgmt IM
+    LEFT JOIN purchase_order_master POM ON POM.objid::text = IM.parent_objid
+    LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+    WHERE ${where}
+    ORDER BY IM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/scm/order/receipt/route.ts b/src/app/api/scm/order/receipt/route.ts
new file mode 100644
index 0000000..cdf9ad7
--- /dev/null
+++ b/src/app/api/scm/order/receipt/route.ts
@@ -0,0 +1,22 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// SCM 발주 접수 처리 — reception_status='reception' 업데이트
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objIds } = await request.json();
+  if (!objIds?.length) return NextResponse.json({ success: false, message: "접수할 항목을 선택하세요." });
+  try {
+    const ph = objIds.map((_: string, i: number) => `$${i + 1}`).join(",");
+    await execute(
+      `UPDATE purchase_order_master SET reception_status = 'reception' WHERE objid::text IN (${ph})`,
+      objIds
+    );
+    return NextResponse.json({ success: true, message: `${objIds.length}건 접수 완료되었습니다.` });
+  } catch (error) {
+    console.error("SCM receipt:", error);
+    return NextResponse.json({ success: false, message: "접수 중 오류가 발생했습니다." }, { status: 500 });
+  }
+}
diff --git a/src/app/api/scm/order/route.ts b/src/app/api/scm/order/route.ts
new file mode 100644
index 0000000..dbc2b9c
--- /dev/null
+++ b/src/app/api/scm/order/route.ts
@@ -0,0 +1,78 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// SCM 발주관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // SCM: filter by partner unless admin
+  if (!user.isAdmin) {
+    conditions.push(
+      `POM.partner_objid = (SELECT objid::text FROM supply_mng WHERE UPPER(supply_code) = UPPER($${idx++}) LIMIT 1)`
+    );
+    params.push(user.partnerCd);
+  }
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.purchase_order_no) {
+    conditions.push(`POM.purchase_order_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.purchase_order_no);
+  }
+  if (body.customer_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.customer_name);
+  }
+  if (body.project_no) {
+    conditions.push(`CM.contract_no LIKE '%' || $${idx++} || '%'`);
+    params.push(body.project_no);
+  }
+  if (body.status_code || body.status) {
+    conditions.push(`POM.status = $${idx++}`);
+    params.push(body.status_code || body.status);
+  }
+
+  const where = conditions.length > 0 ? conditions.join(" AND ") : "1=1";
+
+  const sql = `
+    SELECT POM.objid::text AS "OBJID", POM.purchase_order_no AS "PURCHASE_ORDER_NO",
+      POM.multi_master_yn AS "MULTI_MASTER_YN",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = POM.sales_mng_user_id LIMIT 1), '') AS "SALES_MNG_USER_NAME",
+      TO_CHAR(POM.regdate, 'YYYY-MM-DD') AS "REGDATE",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = CM.customer_objid LIMIT 1), '') AS "CUSTOMER_NAME",
+      CM.contract_no AS "PROJECT_NO",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.unit_code LIMIT 1), POM.unit_code) AS "UNIT_NAME",
+      POM.title AS "TITLE", POM.delivery_date AS "DELIVERY_DATE",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.delivery_place LIMIT 1), '') AS "DELIVERY_PLACE_NAME",
+      COALESCE((SELECT COUNT(*) FROM purchase_order_part WHERE purchase_order_master_objid = POM.objid), 0) AS "PART_CNT",
+      COALESCE((SELECT SUM(COALESCE(real_order_qty, order_qty, '0')::numeric) FROM purchase_order_part WHERE purchase_order_master_objid = POM.objid), 0) AS "REAL_ORDER_CNT",
+      POM.status AS "STATUS_NAME",
+      COALESCE((SELECT COUNT(*) FROM arrival_plan WHERE parent_objid = POM.objid::text), 0) AS "ARRIVAL_CNT",
+      POM.sales_status AS "SALES_STATUS",
+      POM.reception_status AS "RECEPTION_STATUS",
+      -- arrival_plan 기반 입고/미납/불량
+      COALESCE((SELECT SUM(COALESCE(NULLIF(AP.receipt_qty,'')::numeric, 0)) FROM arrival_plan AP WHERE AP.parent_objid = POM.objid::text), 0) AS "RECEIPT_QTY",
+      COALESCE((SELECT SUM(COALESCE(real_order_qty, order_qty, '0')::numeric) FROM purchase_order_part WHERE purchase_order_master_objid = POM.objid), 0)
+        - COALESCE((SELECT SUM(COALESCE(NULLIF(AP2.receipt_qty,'')::numeric, 0)) FROM arrival_plan AP2 WHERE AP2.parent_objid = POM.objid::text), 0) AS "NON_DELIVERY_QTY",
+      COALESCE((SELECT SUM(COALESCE(NULLIF(AP3.error_qty,'')::numeric, 0)) FROM arrival_plan AP3 WHERE AP3.parent_objid = POM.objid::text AND AP3.error_qty IS NOT NULL AND AP3.error_qty != '' AND AP3.error_qty != '0'), 0) AS "ERROR_QTY",
+      -- 거래명세서 발행일
+      COALESCE((SELECT MAX(IM.issuance_date) FROM invoice_mgmt IM WHERE IM.parent_objid = POM.objid::text), '') AS "ISSUANCE_DATE"
+    FROM purchase_order_master POM
+    LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+    WHERE ${where}
+    ORDER BY POM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/scm/payment/detail/route.ts b/src/app/api/scm/payment/detail/route.ts
new file mode 100644
index 0000000..a77b0b7
--- /dev/null
+++ b/src/app/api/scm/payment/detail/route.ts
@@ -0,0 +1,27 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const { objId } = await request.json();
+  if (!objId) return NextResponse.json({ success: false, message: "objId required" });
+
+  const info = await queryOne(
+    `SELECT IM.objid::text AS "OBJID",
+       IM.objid::text AS "PAYMENT_NO", IM.parent_objid AS "PARENT_OBJID",
+       COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+       CM.contract_no AS "PROJECT_NO",
+       IM.issuance_date AS "PAYMENT_DATE",
+       COALESCE(IM.price_sum::numeric, 0) AS "PAYMENT_AMOUNT",
+       POM.payment_terms AS "PAYMENT_TYPE", IM.status AS "STATUS",
+       COALESCE((SELECT user_name FROM user_info WHERE user_id = IM.writer LIMIT 1), '') AS "WRITER_NAME"
+     FROM invoice_mgmt IM
+     LEFT JOIN purchase_order_master POM ON POM.objid::text = IM.parent_objid
+     LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+     WHERE IM.objid::text = $1`, [objId]
+  );
+  if (!info) return NextResponse.json({ success: false, message: "데이터를 찾을 수 없습니다." });
+  return NextResponse.json({ success: true, data: info });
+}
diff --git a/src/app/api/scm/payment/route.ts b/src/app/api/scm/payment/route.ts
new file mode 100644
index 0000000..544afc0
--- /dev/null
+++ b/src/app/api/scm/payment/route.ts
@@ -0,0 +1,68 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// SCM 자금지급관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // SCM: filter by partner unless admin
+  if (!user.isAdmin) {
+    conditions.push(
+      `POM.partner_objid = (SELECT objid::text FROM supply_mng WHERE UPPER(supply_code) = UPPER($${idx++}) LIMIT 1)`
+    );
+    params.push(user.partnerCd);
+  }
+
+  // fundPaymentMgmtGridList 대응
+  if (body.year) {
+    conditions.push(`TO_CHAR(IM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.supplier_name) {
+    conditions.push(`COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') LIKE '%' || $${idx++} || '%'`);
+    params.push(body.supplier_name);
+  }
+  if (body.payment_date_from) {
+    conditions.push(`IM.issuance_date >= $${idx++}`);
+    params.push(body.payment_date_from);
+  }
+  if (body.payment_date_to) {
+    conditions.push(`IM.issuance_date <= $${idx++}`);
+    params.push(body.payment_date_to);
+  }
+  if (body.status_code || body.status) {
+    conditions.push(`IM.status = $${idx++}`);
+    params.push(body.status_code || body.status);
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT IM.objid::text AS "OBJID",
+      IM.objid::text AS "PAYMENT_NO",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+      CM.contract_no AS "PROJECT_NO",
+      IM.issuance_date AS "PAYMENT_DATE",
+      COALESCE(IM.price_sum::numeric, 0) AS "PAYMENT_AMOUNT",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = POM.payment_terms LIMIT 1), '') AS "PAYMENT_TYPE_NAME",
+      '' AS "ACCOUNT_NO",
+      COALESCE((SELECT code_name FROM comm_code WHERE code_id = IM.status LIMIT 1), IM.status) AS "STATUS_NAME",
+      COALESCE((SELECT user_name FROM user_info WHERE user_id = IM.writer LIMIT 1), IM.writer) AS "WRITER_NAME"
+    FROM invoice_mgmt IM
+    LEFT JOIN purchase_order_master POM ON POM.objid::text = IM.parent_objid
+    LEFT JOIN contract_mgmt CM ON CM.objid = POM.contract_mgmt_objid
+    WHERE ${where}
+    ORDER BY IM.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/scm/payment/save/route.ts b/src/app/api/scm/payment/save/route.ts
new file mode 100644
index 0000000..cf3d70e
--- /dev/null
+++ b/src/app/api/scm/payment/save/route.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+import { pool } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+  const body = await request.json();
+  const isNew = body.actionType === "regist" || !body.objId;
+  const objId = isNew ? createObjectId() : body.objId;
+  const client = await pool.connect();
+  try {
+    await client.query(
+      `INSERT INTO invoice_mgmt (objid, parent_objid, group_seq, price_sum, issuance_date, status, regdate, writer)
+       VALUES ($1, $2, 1, $3, $4, 'created', now(), $5)
+       ON CONFLICT (objid) DO UPDATE SET
+        parent_objid=EXCLUDED.parent_objid,
+        price_sum=EXCLUDED.price_sum,
+        issuance_date=EXCLUDED.issuance_date`,
+      [objId, body.parent_objid || "", body.price_sum || "", body.issuance_date || null, user.userId]
+    );
+    return NextResponse.json({ success: true, message: isNew ? "등록되었습니다." : "수정되었습니다." });
+  } catch (e) {
+    console.error("SCM payment save:", e);
+    return NextResponse.json({ success: false, message: "저장 중 오류가 발생했습니다." });
+  } finally { client.release(); }
+}
diff --git a/src/app/api/scm/quality/route.ts b/src/app/api/scm/quality/route.ts
new file mode 100644
index 0000000..f3215a0
--- /dev/null
+++ b/src/app/api/scm/quality/route.ts
@@ -0,0 +1,66 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// SCM 공급업체품질관리 목록 조회
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json();
+
+  const conditions: string[] = [];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  // SCM: filter by partner unless admin
+  if (!user.isAdmin) {
+    conditions.push(
+      `POM.partner_objid = (SELECT objid::text FROM supply_mng WHERE UPPER(supply_code) = UPPER($${idx++}) LIMIT 1)`
+    );
+    params.push(user.partnerCd);
+  }
+
+  // supplyQCMgmtGridList 대응 — 공급업체별 품질 집계 (arrival_plan 기반)
+  if (body.year) {
+    conditions.push(`TO_CHAR(POM.regdate, 'YYYY') = $${idx++}`);
+    params.push(body.year);
+  }
+  if (body.supplier_name || body.partner_name) {
+    conditions.push(
+      `(SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1) LIKE '%' || $${idx++} || '%'`
+    );
+    params.push(body.supplier_name || body.partner_name);
+  }
+
+  const where = conditions.length > 0 ? conditions.join(" AND ") : "1=1";
+
+  // 공급업체별 집계
+  const sql = `
+    SELECT POM.partner_objid AS "OBJID",
+      COALESCE((SELECT supply_name FROM supply_mng WHERE objid::text = POM.partner_objid LIMIT 1), '') AS "SUPPLIER_NAME",
+      TO_CHAR(POM.regdate, 'YYYY') AS "EVALUATION_PERIOD",
+      -- 납품건수 = 입고된 arrival_plan 건수
+      COALESCE(SUM((SELECT COUNT(*) FROM arrival_plan AP WHERE AP.parent_objid = POM.objid::text AND COALESCE(AP.receipt_qty,'') != '')), 0) AS "DELIVERY_CNT",
+      -- 불량건수 = error_qty > 0 건수
+      COALESCE(SUM((SELECT COUNT(*) FROM arrival_plan AP2 WHERE AP2.parent_objid = POM.objid::text AND COALESCE(NULLIF(AP2.error_qty,'')::numeric, 0) > 0)), 0) AS "DEFECT_CNT",
+      -- 불량율
+      CASE WHEN SUM(COALESCE((SELECT SUM(COALESCE(NULLIF(AP3.receipt_qty,'')::numeric, 0)) FROM arrival_plan AP3 WHERE AP3.parent_objid = POM.objid::text), 0)) > 0
+        THEN ROUND(SUM(COALESCE((SELECT SUM(COALESCE(NULLIF(AP4.error_qty,'')::numeric, 0)) FROM arrival_plan AP4 WHERE AP4.parent_objid = POM.objid::text), 0))::numeric * 100
+          / NULLIF(SUM(COALESCE((SELECT SUM(COALESCE(NULLIF(AP5.receipt_qty,'')::numeric, 0)) FROM arrival_plan AP5 WHERE AP5.parent_objid = POM.objid::text), 0)), 1), 1)
+        ELSE 0 END AS "DEFECT_RATE",
+      -- 납기준수율 (placeholder — 실제 납기 지연 계산은 별도 로직 필요)
+      100 AS "DELIVERY_RATE",
+      0 AS "QUALITY_SCORE",
+      'A' AS "TOTAL_GRADE",
+      '' AS "EVALUATION_DATE",
+      '' AS "EVALUATOR_NAME"
+    FROM purchase_order_master POM
+    WHERE POM.status = 'approvalComplete' AND ${where}
+    GROUP BY POM.partner_objid, TO_CHAR(POM.regdate, 'YYYY')
+    ORDER BY "SUPPLIER_NAME"
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/work/diary/confirm/route.ts b/src/app/api/work/diary/confirm/route.ts
new file mode 100644
index 0000000..9d5489b
--- /dev/null
+++ b/src/app/api/work/diary/confirm/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// productionplanning.xml::workDiaryConfirm 대응 - 작업일지 팀장확인
+// STATUS = 'write' 인 항목만 'complete'로 변경 가능 (JSP 측 제약)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const checkArr: string[] = Array.isArray(body.checkArr)
+    ? body.checkArr.filter(Boolean).map(String)
+    : typeof body.checkArr === "string" && body.checkArr
+      ? body.checkArr.split(",").map((s: string) => s.trim()).filter(Boolean)
+      : [];
+
+  if (checkArr.length === 0) {
+    return NextResponse.json({ success: false, msg: "선택된 데이터가 없습니다." }, { status: 400 });
+  }
+
+  try {
+    const placeholders = checkArr.map((_, i) => `$${i + 1}`).join(",");
+    const count = await execute(
+      `UPDATE work_diary SET status = 'complete' WHERE objid IN (${placeholders}) AND status = 'write'`,
+      checkArr,
+    );
+    return NextResponse.json({ success: true, msg: `${count}건 확정되었습니다.` });
+  } catch (error) {
+    console.error("작업일지 팀장확인:", error);
+    return NextResponse.json(
+      { success: false, msg: "확정 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/work/diary/delete/route.ts b/src/app/api/work/diary/delete/route.ts
new file mode 100644
index 0000000..dcc2ce0
--- /dev/null
+++ b/src/app/api/work/diary/delete/route.ts
@@ -0,0 +1,36 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// productionplanning.xml::workDiaryDelete 대응 - 작업일지 삭제
+// 원본 규칙: STATUS = 'write' 인 항목만 삭제 가능 (JSP 측 제약)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const checkArr: string[] = Array.isArray(body.checkArr)
+    ? body.checkArr.filter(Boolean).map(String)
+    : typeof body.checkArr === "string" && body.checkArr
+      ? body.checkArr.split(",").map((s: string) => s.trim()).filter(Boolean)
+      : [];
+
+  if (checkArr.length === 0) {
+    return NextResponse.json({ success: false, msg: "선택된 데이터가 없습니다." }, { status: 400 });
+  }
+
+  try {
+    const placeholders = checkArr.map((_, i) => `$${i + 1}`).join(",");
+    const count = await execute(
+      `DELETE FROM work_diary WHERE objid IN (${placeholders}) AND status = 'write'`,
+      checkArr,
+    );
+    return NextResponse.json({ success: true, msg: `${count}건 삭제되었습니다.` });
+  } catch (error) {
+    console.error("작업일지 삭제:", error);
+    return NextResponse.json(
+      { success: false, msg: "삭제 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/work/diary/detail/route.ts b/src/app/api/work/diary/detail/route.ts
new file mode 100644
index 0000000..073339d
--- /dev/null
+++ b/src/app/api/work/diary/detail/route.ts
@@ -0,0 +1,55 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryOne } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// productionplanning.xml::selectWorkDiaryInfo 대응 - 작업일지 상세
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const objId = String(body.objId || "");
+  if (!objId) {
+    return NextResponse.json({ success: false, message: "objId가 필요합니다." }, { status: 400 });
+  }
+
+  const row = await queryOne(
+    `SELECT
+       T.objid::text AS "OBJID",
+       T.contract_objid AS "CONTRACT_OBJID",
+       (SELECT project_no FROM project_mgmt AS O WHERE O.objid = T.contract_objid) AS "PROJECT_NO",
+       T.unit_code AS "UNIT_CODE",
+       (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task AS O WHERE O.objid = T.unit_code) AS "UNIT_CODE_NAME",
+       T.division AS "DIVISION",
+       T.task_name AS "TASK_NAME",
+       T.worker_id AS "WORKER_ID",
+       COALESCE(
+         (SELECT user_name FROM user_info WHERE user_id = T.worker_id),
+         (SELECT user_name FROM user_info_history WHERE user_id = T.worker_id ORDER BY regdate DESC LIMIT 1),
+         T.worker_id
+       ) AS "WORKER_NAME",
+       T.work_start_date AS "WORK_START_DATE",
+       T.work_end_date AS "WORK_END_DATE",
+       T.work_hour AS "WORK_HOUR",
+       T.remark AS "REMARK",
+       T.regdate AS "REGDATE",
+       T.writer AS "WRITER",
+       COALESCE(
+         (SELECT user_name FROM user_info WHERE user_id = T.writer),
+         (SELECT user_name FROM user_info_history WHERE user_id = T.writer ORDER BY regdate DESC LIMIT 1),
+         T.writer
+       ) AS "WRITER_NAME",
+       TO_CHAR(T.regdate, 'YYYY-MM-DD') AS "REG_DATE_TEXT",
+       T.status AS "STATUS",
+       CASE WHEN T.status = 'write' THEN '작성중'
+            WHEN T.status = 'complete' THEN '확인완료'
+            ELSE '' END AS "STATUS_TITLE",
+       T.sourcing_type AS "SOURCING_TYPE",
+       T.production_type AS "PRODUCTION_TYPE"
+     FROM work_diary AS T
+     WHERE T.objid = $1`,
+    [objId],
+  );
+
+  return NextResponse.json({ success: true, data: row || null });
+}
diff --git a/src/app/api/work/diary/route.ts b/src/app/api/work/diary/route.ts
new file mode 100644
index 0000000..b3cfca7
--- /dev/null
+++ b/src/app/api/work/diary/route.ts
@@ -0,0 +1,99 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// productionplanning.xml::workDiaryGridList 대응 - 작업일지 목록
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const projectNos: string[] = Array.isArray(body.project_nos)
+    ? body.project_nos.filter(Boolean).map(String)
+    : [];
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.regdate, 'YYYY') = $${idx++}`);
+    params.push(String(body.year));
+  }
+  if (body.search_division) {
+    conditions.push(`T.division = $${idx++}`);
+    params.push(String(body.search_division));
+  }
+  if (projectNos.length > 0) {
+    const placeholders = projectNos.map(() => `$${idx++}`).join(",");
+    conditions.push(`T.contract_objid IN (${placeholders})`);
+    params.push(...projectNos);
+  }
+  if (body.unit_code) {
+    conditions.push(`T.unit_code = $${idx++}`);
+    params.push(String(body.unit_code));
+  }
+  if (body.busUsersDeptId) {
+    conditions.push(`COALESCE(
+      (SELECT dept_code FROM user_info WHERE user_id = T.worker_id),
+      (SELECT dept_code FROM user_info_history WHERE user_id = T.worker_id ORDER BY regdate DESC LIMIT 1)
+    ) = $${idx++}`);
+    params.push(String(body.busUsersDeptId));
+  }
+  if (body.worker) {
+    conditions.push(`T.worker_id = $${idx++}`);
+    params.push(String(body.worker));
+  }
+  if (body.search_status) {
+    conditions.push(`T.status = $${idx++}`);
+    params.push(String(body.search_status));
+  }
+
+  const where = conditions.join(" AND ");
+
+  const sql = `
+    SELECT
+      T.objid::text AS "OBJID",
+      T.contract_objid AS "CONTRACT_OBJID",
+      (SELECT project_no FROM project_mgmt AS O WHERE O.objid = T.contract_objid) AS "PROJECT_NO",
+      T.unit_code AS "UNIT_CODE",
+      (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task AS O WHERE O.objid = T.unit_code) AS "UNIT_CODE_NAME",
+      T.division AS "DIVISION",
+      T.task_name AS "TASK_NAME",
+      T.worker_id AS "WORKER_ID",
+      COALESCE(
+        (SELECT dept_name FROM user_info WHERE user_id = T.worker_id),
+        (SELECT dept_name FROM user_info_history WHERE user_id = T.worker_id ORDER BY regdate DESC LIMIT 1),
+        ''
+      ) AS "DEPT_NAME",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = T.worker_id),
+        (SELECT user_name FROM user_info_history WHERE user_id = T.worker_id ORDER BY regdate DESC LIMIT 1),
+        T.worker_id
+      ) AS "WORKER_NAME",
+      T.work_start_date AS "WORK_START_DATE",
+      T.work_end_date AS "WORK_END_DATE",
+      T.work_hour AS "WORK_HOUR",
+      T.remark AS "REMARK",
+      T.regdate AS "REGDATE",
+      T.writer AS "WRITER",
+      T.sourcing_type AS "SOURCING_TYPE",
+      T.production_type AS "PRODUCTION_TYPE",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = T.writer),
+        (SELECT user_name FROM user_info_history WHERE user_id = T.writer ORDER BY regdate DESC LIMIT 1),
+        T.writer
+      ) AS "WRITER_NAME",
+      TO_CHAR(T.regdate, 'YYYY-MM-DD') AS "REG_DATE_TEXT",
+      T.status AS "STATUS",
+      CASE WHEN T.status = 'write' THEN '작성중'
+           WHEN T.status = 'complete' THEN '확인완료'
+           ELSE '' END AS "STATUS_TITLE"
+    FROM work_diary AS T
+    WHERE ${where}
+    ORDER BY T.regdate DESC
+  `;
+
+  const rows = await queryRows(sql, params);
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length });
+}
diff --git a/src/app/api/work/diary/save/route.ts b/src/app/api/work/diary/save/route.ts
new file mode 100644
index 0000000..e788182
--- /dev/null
+++ b/src/app/api/work/diary/save/route.ts
@@ -0,0 +1,68 @@
+import { NextRequest, NextResponse } from "next/server";
+import { execute } from "@/lib/db";
+import { getSession } from "@/lib/session";
+import { createObjectId } from "@/lib/utils";
+
+// productionplanning.xml::mergeWorkDiaryInfo 대응 - 작업일지 등록/수정
+// INSERT ... ON CONFLICT (objid) DO UPDATE. STATUS는 신규 시 'write' 고정.
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const isNew = body.actionType === "regist" || !body.objId;
+  const objId = isNew ? createObjectId() : String(body.objId);
+  const contractObjid = String(body.project_objid || body.contract_objid || "");
+
+  try {
+    await execute(
+      `INSERT INTO work_diary (
+         objid, contract_objid, unit_code, division, task_name,
+         worker_id, work_start_date, work_end_date, work_hour, remark,
+         status, writer, regdate, sourcing_type, production_type
+       ) VALUES (
+         $1, $2, $3, $4, $5,
+         $6, $7, $8, $9, $10,
+         'write', $11, now(), $12, $13
+       )
+       ON CONFLICT (objid) DO UPDATE SET
+         contract_objid  = EXCLUDED.contract_objid,
+         unit_code       = EXCLUDED.unit_code,
+         division        = EXCLUDED.division,
+         task_name       = EXCLUDED.task_name,
+         worker_id       = EXCLUDED.worker_id,
+         work_start_date = EXCLUDED.work_start_date,
+         work_end_date   = EXCLUDED.work_end_date,
+         work_hour       = EXCLUDED.work_hour,
+         remark          = EXCLUDED.remark,
+         sourcing_type   = EXCLUDED.sourcing_type,
+         production_type = EXCLUDED.production_type`,
+      [
+        objId,
+        contractObjid,
+        String(body.unit_code || ""),
+        String(body.division || ""),
+        String(body.task_name || ""),
+        String(body.worker_id || user.userId),
+        String(body.work_start_date || ""),
+        String(body.work_end_date || ""),
+        String(body.work_hour || ""),
+        String(body.remark || ""),
+        user.userId,
+        String(body.sourcing_type || ""),
+        String(body.production_type || ""),
+      ],
+    );
+    return NextResponse.json({
+      success: true,
+      objId,
+      message: isNew ? "등록되었습니다." : "수정되었습니다.",
+    });
+  } catch (error) {
+    console.error("작업일지 저장:", error);
+    return NextResponse.json(
+      { success: false, message: "저장 중 오류가 발생했습니다." },
+      { status: 500 },
+    );
+  }
+}
diff --git a/src/app/api/work/status/employee/route.ts b/src/app/api/work/status/employee/route.ts
new file mode 100644
index 0000000..72f940b
--- /dev/null
+++ b/src/app/api/work/status/employee/route.ts
@@ -0,0 +1,145 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// productionplanning.xml::workStatusByImployeeList / workStatusByImployeeNPList 대응
+// 담당자별 작업현황 (프로젝트 + 비프로젝트 두 섹션)
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const projectNos: string[] = Array.isArray(body.project_nos)
+    ? body.project_nos.filter(Boolean).map(String)
+    : [];
+  const year = body.year ? String(body.year) : "";
+  const deptCode = body.busUsersDeptId ? String(body.busUsersDeptId) : "";
+  const worker = body.worker ? String(body.worker) : "";
+
+  // 프로젝트 섹션 쿼리
+  const projConditions: string[] = ["1=1"];
+  const projParams: unknown[] = [];
+  let pIdx = 1;
+
+  if (projectNos.length > 0) {
+    const placeholders = projectNos.map(() => `$${pIdx++}`).join(",");
+    projConditions.push(`T.objid IN (${placeholders})`);
+    projParams.push(...projectNos);
+  }
+  if (deptCode) {
+    projConditions.push(`COALESCE(
+      (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id),
+      (SELECT dept_code FROM user_info_history WHERE user_id = WD.worker_id ORDER BY regdate DESC LIMIT 1)
+    ) = $${pIdx++}`);
+    projParams.push(deptCode);
+  }
+  if (worker) {
+    projConditions.push(`WD.worker_id = $${pIdx++}`);
+    projParams.push(worker);
+  }
+
+  // 연도 필터는 work_diary 서브쿼리 내부에 들어가야 함
+  const projYearFilter = year ? `AND TO_CHAR(regdate, 'YYYY') = $${pIdx++}` : "";
+  if (year) projParams.push(year);
+
+  const projSql = `
+    SELECT
+      T.objid::text AS "OBJID",
+      T.project_no AS "PROJECT_NO",
+      T.project_name AS "PROJECT_NAME",
+      WD.worker_id AS "WORKER_ID",
+      COALESCE(
+        (SELECT dept_name FROM user_info WHERE user_id = WD.worker_id),
+        (SELECT dept_name FROM user_info_history WHERE user_id = WD.worker_id ORDER BY regdate DESC LIMIT 1),
+        ''
+      ) AS "WORKER_DEPT_NAME",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = WD.worker_id),
+        (SELECT user_name FROM user_info_history WHERE user_id = WD.worker_id ORDER BY regdate DESC LIMIT 1),
+        WD.worker_id
+      ) AS "WORKER_USER_NAME",
+      WD.work_hour AS "WORK_HOUR",
+      ROUND((WD.work_hour::float / 8)::numeric, 1) AS "MAN_DAY",
+      ROUND((WD.work_hour::float / 8 / 22)::numeric, 1) AS "MAN_MONTH"
+    FROM project_mgmt AS T
+    LEFT OUTER JOIN (
+      SELECT contract_objid, worker_id, SUM(work_hour::numeric) AS work_hour
+      FROM work_diary WD
+      WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+        AND status = 'complete'
+        ${projYearFilter}
+      GROUP BY contract_objid, worker_id
+    ) WD ON WD.contract_objid = T.objid
+    WHERE ${projConditions.join(" AND ")}
+    ORDER BY SUBSTRING(T.project_no, POSITION('-' IN T.project_no) + 1) DESC
+  `;
+
+  // 비프로젝트 섹션 쿼리
+  const npConditions: string[] = ["1=1"];
+  const npParams: unknown[] = [];
+  let nIdx = 1;
+  if (deptCode) {
+    npConditions.push(`COALESCE(
+      (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id),
+      (SELECT dept_code FROM user_info_history WHERE user_id = WD.worker_id ORDER BY regdate DESC LIMIT 1)
+    ) = $${nIdx++}`);
+    npParams.push(deptCode);
+  }
+  if (worker) {
+    npConditions.push(`WD.worker_id = $${nIdx++}`);
+    npParams.push(worker);
+  }
+  const npYearFilter = year ? `AND TO_CHAR(regdate, 'YYYY') = $${nIdx++}` : "";
+  if (year) npParams.push(year);
+
+  const npSql = `
+    SELECT
+      WD.worker_id AS "WORKER_ID",
+      COALESCE(
+        (SELECT dept_name FROM user_info WHERE user_id = WD.worker_id),
+        (SELECT dept_name FROM user_info_history WHERE user_id = WD.worker_id ORDER BY regdate DESC LIMIT 1),
+        ''
+      ) AS "WORKER_DEPT_NAME",
+      COALESCE(
+        (SELECT user_name FROM user_info WHERE user_id = WD.worker_id),
+        (SELECT user_name FROM user_info_history WHERE user_id = WD.worker_id ORDER BY regdate DESC LIMIT 1),
+        WD.worker_id
+      ) AS "WORKER_USER_NAME",
+      WD.work_hour AS "WORK_HOUR",
+      ROUND((WD.work_hour::float / 8)::numeric, 1) AS "MAN_DAY",
+      ROUND((WD.work_hour::float / 8 / 22)::numeric, 1) AS "MAN_MONTH"
+    FROM (
+      SELECT worker_id, SUM(work_hour::numeric) AS work_hour
+      FROM work_diary WD
+      WHERE (WD.contract_objid = '' OR WD.contract_objid IS NULL)
+        AND status = 'complete'
+        ${npYearFilter}
+      GROUP BY worker_id
+    ) WD
+    WHERE ${npConditions.join(" AND ")}
+  `;
+
+  const [listRows, npRows] = await Promise.all([
+    queryRows(projSql, projParams),
+    queryRows(npSql, npParams),
+  ]);
+
+  const num = (v: unknown) => Number(v ?? 0) || 0;
+  const round1 = (n: number) => Math.round(n * 10) / 10;
+  let sumHour = 0;
+  let sumDay = 0;
+  let sumMonth = 0;
+  for (const r of listRows) {
+    const row = r as Record<string, unknown>;
+    sumHour += num(row.WORK_HOUR);
+    sumDay += num(row.MAN_DAY);
+    sumMonth += num(row.MAN_MONTH);
+  }
+  const SUM_PRICE_MAP = {
+    SUM_WORK_HOUR: round1(sumHour),
+    SUM_MAN_DAY: round1(sumDay),
+    SUM_MAN_MONTH: round1(sumMonth),
+  };
+
+  return NextResponse.json({ LIST: listRows, NP_LIST: npRows, SUM_PRICE_MAP });
+}
diff --git a/src/app/api/work/status/project/route.ts b/src/app/api/work/status/project/route.ts
new file mode 100644
index 0000000..b5be2bb
--- /dev/null
+++ b/src/app/api/work/status/project/route.ts
@@ -0,0 +1,188 @@
+import { NextRequest, NextResponse } from "next/server";
+import { queryRows } from "@/lib/db";
+import { getSession } from "@/lib/session";
+
+// productionplanning.xml::workStatusByProjectList 대응 - 프로젝트 작업현황
+// part_bom_report 단위로 부서별 공수(설계/구매/영업/생관/생산/관리/외주) 집계
+export async function POST(request: NextRequest) {
+  const user = await getSession();
+  if (!user) return NextResponse.json({ success: false }, { status: 401 });
+
+  const body = await request.json().catch(() => ({}));
+  const projectNos: string[] = Array.isArray(body.project_nos)
+    ? body.project_nos.filter(Boolean).map(String)
+    : [];
+
+  if (projectNos.length === 0) {
+    return NextResponse.json({ RESULTLIST: [], SUM_PRICE_MAP: {} });
+  }
+
+  const conditions: string[] = ["1=1"];
+  const params: unknown[] = [];
+  let idx = 1;
+
+  if (body.year) {
+    conditions.push(`TO_CHAR(T.REGDATE,'YYYY') = $${idx++}`);
+    params.push(String(body.year));
+  }
+
+  const placeholders = projectNos.map(() => `$${idx++}`).join(",");
+  conditions.push(`T.CONTRACT_OBJID IN (${placeholders})`);
+  params.push(...projectNos);
+
+  if (body.unit_code) {
+    conditions.push(`T.UNIT_CODE = $${idx++}`);
+    params.push(String(body.unit_code));
+  }
+
+  const where = conditions.join(" AND ");
+
+  // 부서 그룹 매핑 (원본 partMng/productionplanning.xml 기준)
+  // D=설계(DPT014,DPT006), PC=구매(DPT012,DPT004), S=영업(DPT016),
+  // PM=생산관리(DPT003,DPT018), P=생산(DPT005,DPT023,DPT013), M=관리(DPT019,DPT001,DPT002)
+  // O=외주(sourcing_type='outsourcing')
+  const sql = `
+    SELECT T.*,
+      ROUND((T."WORK_HOUR"::float / 8)::numeric, 1) AS "MAN_DAY",
+      ROUND((T."WORK_HOUR"::float / 8 / 22)::numeric, 1) AS "MAN_MONTH"
+    FROM (
+      SELECT
+        T.objid::text AS "OBJID",
+        T.customer_objid AS "CUSTOMER_OBJID",
+        (SELECT supply_name FROM supply_mng AS O WHERE O.objid::varchar = T.customer_objid) AS "CUSTOMER_NAME",
+        T.contract_objid AS "CONTRACT_OBJID",
+        (SELECT customer_project_name FROM project_mgmt AS O WHERE O.objid = T.contract_objid) AS "CUSTOMER_PROJECT_NAME",
+        (SELECT project_name FROM project_mgmt AS O WHERE O.objid = T.contract_objid) AS "PROJECT_NAME",
+        (SELECT project_no FROM project_mgmt AS O WHERE O.objid = T.contract_objid) AS "PROJECT_NO",
+        T.unit_code AS "UNIT_CODE",
+        (SELECT O.unit_no || '-' || O.task_name FROM pms_wbs_task AS O WHERE O.objid = T.unit_code) AS "UNIT_NAME",
+        T.status AS "STATUS",
+        CASE UPPER(T.status)
+          WHEN 'CREATE' THEN '등록중'
+          WHEN 'CHANGEDESIGN' THEN '설계변경미배포'
+          WHEN 'DEPLOY' THEN '배포완료'
+          ELSE ''
+        END AS "STATUS_TITLE",
+        T.regdate AS "REGDATE",
+        TO_CHAR(T.regdate, 'YYYY-MM-DD') AS "REG_DATE",
+        COALESCE(D.work_hour, '0') AS "DESIGN_INPUT",
+        COALESCE(PC.work_hour, '0') AS "PURCHASE_INPUT",
+        COALESCE(S.work_hour, '0') AS "SALES_INPUT",
+        COALESCE(PM.work_hour, '0') AS "PRODUCTION_MGMT_INPUT",
+        COALESCE(P.work_hour, '0') AS "PRODUCTION_INPUT",
+        COALESCE(M.work_hour, '0') AS "MGMT_INPUT",
+        COALESCE(O.work_hour, '0') AS "OUTSOURCING",
+        (COALESCE(D.work_hour,'0')::numeric
+          + COALESCE(PC.work_hour,'0')::numeric
+          + COALESCE(S.work_hour,'0')::numeric
+          + COALESCE(PM.work_hour,'0')::numeric
+          + COALESCE(P.work_hour,'0')::numeric
+          + COALESCE(M.work_hour,'0')::numeric
+          + COALESCE(O.work_hour,'0')::numeric
+        ) AS "WORK_HOUR"
+      FROM part_bom_report AS T
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id) IN ('DPT014','DPT006')
+        GROUP BY contract_objid, unit_code
+      ) D ON D.unit_code = T.unit_code AND D.contract_objid = T.contract_objid
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id) IN ('DPT012','DPT004')
+        GROUP BY contract_objid, unit_code
+      ) PC ON PC.unit_code = T.unit_code AND PC.contract_objid = T.contract_objid
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id) = 'DPT016'
+        GROUP BY contract_objid, unit_code
+      ) S ON S.unit_code = T.unit_code AND S.contract_objid = T.contract_objid
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id) IN ('DPT003','DPT018')
+        GROUP BY contract_objid, unit_code
+      ) PM ON PM.unit_code = T.unit_code AND PM.contract_objid = T.contract_objid
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id) IN ('DPT005','DPT023','DPT013')
+        GROUP BY contract_objid, unit_code
+      ) P ON P.unit_code = T.unit_code AND P.contract_objid = T.contract_objid
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND (SELECT dept_code FROM user_info WHERE user_id = WD.worker_id) IN ('DPT019','DPT001','DPT002')
+        GROUP BY contract_objid, unit_code
+      ) M ON M.unit_code = T.unit_code AND M.contract_objid = T.contract_objid
+      LEFT OUTER JOIN (
+        SELECT contract_objid, unit_code, SUM(work_hour::numeric) AS work_hour
+        FROM work_diary WD
+        WHERE WD.contract_objid != '' AND WD.contract_objid IS NOT NULL
+          AND status = 'complete'
+          AND sourcing_type = 'outsourcing'
+        GROUP BY contract_objid, unit_code
+      ) O ON O.unit_code = T.unit_code AND O.contract_objid = T.contract_objid
+    ) T
+    WHERE ${where}
+    ORDER BY T."UNIT_CODE"
+  `;
+
+  const rows = await queryRows(sql, params);
+
+  const num = (v: unknown) => Number(v ?? 0) || 0;
+  const sum = {
+    SUM_DESIGN_INPUT: 0,
+    SUM_PURCHASE_INPUT: 0,
+    SUM_SALES_INPUT: 0,
+    SUM_PRODUCTION_MGMT_INPUT: 0,
+    SUM_PRODUCTION_INPUT: 0,
+    SUM_MGMT_INPUT: 0,
+    SUM_OUTSOURCING: 0,
+    SUM_WORK_HOUR: 0,
+    SUM_MAN_DAY: 0,
+    SUM_MAN_MONTH: 0,
+  };
+  for (const r of rows) {
+    const row = r as Record<string, unknown>;
+    sum.SUM_DESIGN_INPUT += num(row.DESIGN_INPUT);
+    sum.SUM_PURCHASE_INPUT += num(row.PURCHASE_INPUT);
+    sum.SUM_SALES_INPUT += num(row.SALES_INPUT);
+    sum.SUM_PRODUCTION_MGMT_INPUT += num(row.PRODUCTION_MGMT_INPUT);
+    sum.SUM_PRODUCTION_INPUT += num(row.PRODUCTION_INPUT);
+    sum.SUM_MGMT_INPUT += num(row.MGMT_INPUT);
+    sum.SUM_OUTSOURCING += num(row.OUTSOURCING);
+    sum.SUM_WORK_HOUR += num(row.WORK_HOUR);
+    sum.SUM_MAN_DAY += num(row.MAN_DAY);
+    sum.SUM_MAN_MONTH += num(row.MAN_MONTH);
+  }
+  const round1 = (n: number) => Math.round(n * 10) / 10;
+  const SUM_PRICE_MAP = {
+    SUM_DESIGN_INPUT: round1(sum.SUM_DESIGN_INPUT),
+    SUM_PURCHASE_INPUT: round1(sum.SUM_PURCHASE_INPUT),
+    SUM_SALES_INPUT: round1(sum.SUM_SALES_INPUT),
+    SUM_PRODUCTION_MGMT_INPUT: round1(sum.SUM_PRODUCTION_MGMT_INPUT),
+    SUM_PRODUCTION_INPUT: round1(sum.SUM_PRODUCTION_INPUT),
+    SUM_MGMT_INPUT: round1(sum.SUM_MGMT_INPUT),
+    SUM_OUTSOURCING: round1(sum.SUM_OUTSOURCING),
+    SUM_WORK_HOUR: round1(sum.SUM_WORK_HOUR),
+    SUM_MAN_DAY: round1(sum.SUM_MAN_DAY),
+    SUM_MAN_MONTH: round1(sum.SUM_MAN_MONTH),
+  };
+
+  return NextResponse.json({ RESULTLIST: rows, TOTAL_CNT: rows.length, SUM_PRICE_MAP });
+}
diff --git a/src/app/approval/form/page.tsx b/src/app/approval/form/page.tsx
new file mode 100644
index 0000000..11572d9
--- /dev/null
+++ b/src/app/approval/form/page.tsx
@@ -0,0 +1,261 @@
+"use client";
+
+import { useCallback, useEffect, useState, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { ApprovalDecisionModal } from "@/components/approval/ApprovalDecisionModal";
+import { ApprovalStatusBadge } from "@/components/approval/ApprovalStatusBadge";
+import { openTargetDocument, TARGET_NAME_MAP } from "@/components/approval/TargetLinkMap";
+
+interface RouteInfo {
+  OBJID: string;
+  APPROVAL_OBJID?: string;
+  TARGET_OBJID: string;
+  TARGET_TYPE: string;
+  APPROVAL_SEQ: string;
+  APPROVAL_NO: string;
+  STATUS: string;
+  ROUTE_OBJID: string;
+  ROUTE_SEQ: string;
+  ROUTE_NO: string;
+  TITLE: string;
+  DESCRIPTION: string;
+  WRITER: string;
+  WRITER_NAME: string;
+  DEPT_NAME: string;
+  REGDATE: string;
+  COMPLETE_DATE: string;
+}
+
+interface LineRow {
+  OBJID: string;
+  SEQ: string;
+  USER_ID: string;
+  USER_NAME: string;
+  DEPT_NAME: string;
+  APPROVAL_TYPE: string;
+  STATUS: string;
+  STATUS_NAME: string;
+  PROC_DATE: string;
+  RESULT_MESSAGE: string;
+}
+
+interface HistoryRow {
+  ROUTE_OBJID: string;
+  APPROVAL_OBJID: string;
+  APPROVAL_NO: string;
+  ROUTE_NO: string;
+  STATUS: string;
+  TITLE: string;
+  REGDATE: string;
+}
+
+// approvalDetail.jsp 대응 - 결재 상세 팝업
+function ApprovalForm() {
+  const params = useSearchParams();
+  const objIdParam = params.get("objId") || params.get("approvalObjId") || "";
+  const [currentApprovalId, setCurrentApprovalId] = useState(objIdParam);
+  const [info, setInfo] = useState<RouteInfo | null>(null);
+  const [line, setLine] = useState<LineRow[]>([]);
+  const [history, setHistory] = useState<HistoryRow[]>([]);
+  const [canApprove, setCanApprove] = useState(false);
+  const [myInboxObjId, setMyInboxObjId] = useState<string | null>(null);
+  const [decisionOpen, setDecisionOpen] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  const fetchDetail = useCallback(async (approvalObjId: string) => {
+    if (!approvalObjId) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/approval/detail", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId: approvalObjId }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        setInfo(j.data as RouteInfo);
+        setLine((j.LINE || []) as LineRow[]);
+        setCanApprove(!!j.canApprove);
+        setMyInboxObjId(j.myInboxObjId || null);
+        // 동일 타겟의 라우트 히스토리
+        if (j.data?.TARGET_OBJID) {
+          fetch("/api/approval/line-history", {
+            method: "POST", headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ targetObjId: j.data.TARGET_OBJID }),
+          }).then((r) => r.json()).then((h) => setHistory((h.RESULTLIST || []) as HistoryRow[]))
+            .catch(() => setHistory([]));
+        }
+      }
+    } finally { setLoading(false); }
+  }, []);
+
+  useEffect(() => { fetchDetail(currentApprovalId); }, [currentApprovalId, fetchDetail]);
+
+  const notifyOpener = () => {
+    if (!window.opener) return;
+    try {
+      const op = window.opener as Window & { fn_search?: () => void; location: Location };
+      if (typeof op.fn_search === "function") op.fn_search();
+      else op.location.reload();
+    } catch { /* cross-origin */ }
+  };
+
+  const byType = (t: string) => line.filter((l) => (l.APPROVAL_TYPE || "normal") === t);
+
+  return (
+    <div className="p-4 bg-white min-h-screen text-sm">
+      <div className="border-b pb-3 mb-4 flex items-center justify-between">
+        <h2 className="text-xl font-bold text-gray-800">결재 상세</h2>
+        {info && (
+          <div className="flex items-center gap-2 text-xs text-gray-500">
+            <span>{info.APPROVAL_NO}</span>
+            <ApprovalStatusBadge status={info.STATUS} />
+          </div>
+        )}
+      </div>
+
+      {loading && <div className="text-center text-gray-400 py-6">로딩 중...</div>}
+
+      {!loading && info && (
+        <>
+          <table className="w-full border border-gray-300 mb-4 text-sm">
+            <colgroup>
+              <col className="w-32" /><col />
+            </colgroup>
+            <tbody>
+              <tr>
+                <th className="bg-gray-50 border px-2 py-2 text-left">결재번호/이력</th>
+                <td className="border px-2 py-1">
+                  {history.length === 0 ? (
+                    <span className="text-gray-500">{info.ROUTE_NO}</span>
+                  ) : (
+                    <select
+                      value={info.APPROVAL_OBJID || info.OBJID}
+                      onChange={(e) => setCurrentApprovalId(e.target.value)}
+                      className="h-8 rounded border border-gray-300 bg-white px-2 text-sm"
+                    >
+                      {history.map((h) => (
+                        <option key={h.APPROVAL_OBJID} value={h.APPROVAL_OBJID}>
+                          {h.APPROVAL_NO} / {h.ROUTE_NO} ({h.REGDATE})
+                        </option>
+                      ))}
+                    </select>
+                  )}
+                </td>
+              </tr>
+              <tr>
+                <th className="bg-gray-50 border px-2 py-2 text-left">제목</th>
+                <td className="border px-2 py-2" title={info.TITLE}>{info.TITLE}</td>
+              </tr>
+              <tr>
+                <th className="bg-gray-50 border px-2 py-2 text-left">내용</th>
+                <td className="border px-2 py-2" title={info.DESCRIPTION}>{info.DESCRIPTION || "-"}</td>
+              </tr>
+              <tr>
+                <th className="bg-gray-50 border px-2 py-2 text-left">해당문서</th>
+                <td className="border px-2 py-1">
+                  <button
+                    onClick={() => openTargetDocument(info.TARGET_TYPE, info.TARGET_OBJID)}
+                    className="inline-flex items-center gap-1 text-blue-600 hover:underline"
+                  >
+                    <span className="inline-block w-4 h-4 bg-blue-100 border border-blue-300 rounded-sm" />
+                    {TARGET_NAME_MAP[info.TARGET_TYPE] || info.TARGET_TYPE} 원본문서 열기
+                  </button>
+                </td>
+              </tr>
+              <tr>
+                <th className="bg-gray-50 border px-2 py-2 text-left">상신자</th>
+                <td className="border px-2 py-2">
+                  {info.DEPT_NAME ? `${info.DEPT_NAME} / ` : ""}{info.WRITER_NAME}
+                  <span className="text-xs text-gray-400 ml-2">{info.REGDATE}</span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+
+          {(["normal", "help", "ref"] as const).map((t) => {
+            const rows = byType(t);
+            if (rows.length === 0) return null;
+            return (
+              <div key={t} className="mb-4">
+                <h3 className="font-semibold mb-1">
+                  {t === "normal" ? "결재" : t === "help" ? "협조" : "참조"}
+                </h3>
+                <table className="w-full border border-gray-300 text-xs">
+                  <thead className="bg-gray-50">
+                    <tr>
+                      <th className="border px-2 py-1 w-14">순번</th>
+                      <th className="border px-2 py-1 w-36 text-left">팀명</th>
+                      <th className="border px-2 py-1 w-28 text-left">이름</th>
+                      <th className="border px-2 py-1 w-32">결재일</th>
+                      <th className="border px-2 py-1 w-24">상태</th>
+                      <th className="border px-2 py-1 text-left">결재내용</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {rows.map((r) => {
+                      const canIApprove = canApprove && r.OBJID === myInboxObjId;
+                      return (
+                        <tr key={r.OBJID}>
+                          <td className="border px-2 py-1 text-center">{r.SEQ}</td>
+                          <td className="border px-2 py-1">{r.DEPT_NAME || "-"}</td>
+                          <td className="border px-2 py-1">{r.USER_NAME}</td>
+                          <td className="border px-2 py-1 text-center">{r.PROC_DATE || "-"}</td>
+                          <td className="border px-2 py-1 text-center">
+                            {canIApprove ? (
+                              <button
+                                className="text-blue-600 hover:underline"
+                                onClick={() => setDecisionOpen(true)}
+                              >
+                                진행중
+                              </button>
+                            ) : (
+                              <ApprovalStatusBadge status={r.STATUS_NAME || r.STATUS} />
+                            )}
+                          </td>
+                          <td className="border px-2 py-1 text-gray-700">{r.RESULT_MESSAGE || ""}</td>
+                        </tr>
+                      );
+                    })}
+                  </tbody>
+                </table>
+              </div>
+            );
+          })}
+
+          {line.length === 0 && (
+            <div className="text-center text-gray-400 py-6">결재선이 없습니다.</div>
+          )}
+
+          <div className="flex justify-center gap-2 pt-3 border-t">
+            {canApprove && (
+              <Button onClick={() => setDecisionOpen(true)}>결재 처리</Button>
+            )}
+            <Button variant="secondary" onClick={() => { notifyOpener(); window.close(); }}>닫기</Button>
+          </div>
+
+          {myInboxObjId && (
+            <ApprovalDecisionModal
+              open={decisionOpen}
+              onClose={() => setDecisionOpen(false)}
+              inboxObjId={myInboxObjId}
+              targetType={info.TARGET_TYPE}
+              onSuccess={() => {
+                fetchDetail(currentApprovalId);
+                notifyOpener();
+              }}
+            />
+          )}
+        </>
+      )}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ApprovalForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/common/files/page.tsx b/src/app/common/files/page.tsx
new file mode 100644
index 0000000..f2eb713
--- /dev/null
+++ b/src/app/common/files/page.tsx
@@ -0,0 +1,176 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { FileUpload } from "@/components/ui/file-upload";
+import Swal from "sweetalert2";
+
+interface FileRow {
+  OBJID: string;
+  REAL_FILE_NAME: string;
+  DOC_TYPE: string;
+  DOC_TYPE_NAME: string;
+  FILE_SIZE: string;
+  REGDATE: string;
+  WRITER_NAME: string;
+}
+
+// 첨부파일 조회/업로드 팝업 (projectConcept/FileRegistPopup.do 대응)
+function FilesPopup() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("targetObjId") || searchParams.get("objId") || "";
+  const docType = searchParams.get("docType") || "";
+  const docTypeName = searchParams.get("docTypeName") || "첨부파일";
+
+  const [files, setFiles] = useState<FileRow[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const fetchFiles = useCallback(async () => {
+    if (!objId) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/common/files", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId, docType }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        const all = (data.files || []) as FileRow[];
+        // docType 필터 (서버측이 모두 반환할 수 있으므로 클라 재필터)
+        setFiles(docType ? all.filter((f) => f.DOC_TYPE === docType) : all);
+      }
+    } catch {
+      // ignore
+    } finally {
+      setLoading(false);
+    }
+  }, [objId, docType]);
+
+  useEffect(() => { fetchFiles(); }, [fetchFiles]);
+
+  // opener에 파일 변경 알림 (fn_onFileChange(targetObjId) 또는 fn_search 우선순위)
+  const notifyOpener = useCallback(() => {
+    if (!window.opener) return;
+    try {
+      const op = window.opener as Window & {
+        fn_onFileChange?: (id: string) => void;
+        fn_search?: () => void;
+      };
+      if (typeof op.fn_onFileChange === "function") op.fn_onFileChange(objId);
+      else if (typeof op.fn_search === "function") op.fn_search();
+    } catch { /* cross-origin */ }
+  }, [objId]);
+
+  const handleDownload = (fileObjId: string, fileName: string) => {
+    window.open(`/api/common/files/download?objId=${fileObjId}&fileName=${encodeURIComponent(fileName)}`, "_blank");
+  };
+
+  const handleDelete = async (fileObjId: string) => {
+    const r = await Swal.fire({
+      title: "삭제 확인",
+      text: "첨부파일을 삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "삭제",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    try {
+      const res = await fetch("/api/common/files/delete", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId: fileObjId }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: "삭제되었습니다.", timer: 1200, showConfirmButton: false });
+        fetchFiles();
+        notifyOpener();
+      } else {
+        Swal.fire("오류", data.message || "삭제 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    }
+  };
+
+  const formatSize = (size: string) => {
+    const bytes = parseInt(size || "0", 10);
+    if (bytes === 0) return "-";
+    if (bytes < 1024) return `${bytes} B`;
+    if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  };
+
+  const handleUploadComplete = () => {
+    fetchFiles();
+    notifyOpener();
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">{docTypeName}</h2>
+
+      {objId && docType && (
+        <div className="flex items-center justify-between mb-3 p-3 bg-gray-50 rounded border border-gray-200">
+          <span className="text-xs text-gray-500">대상 ID: {objId} / 유형: {docType}</span>
+          <FileUpload
+            targetObjId={objId}
+            docType={docType}
+            docTypeName={docTypeName}
+            onUploadComplete={handleUploadComplete}
+          />
+        </div>
+      )}
+
+      {loading ? (
+        <div className="text-center text-gray-400 py-8">로딩 중...</div>
+      ) : files.length === 0 ? (
+        <div className="text-center text-gray-400 py-8">첨부파일이 없습니다.</div>
+      ) : (
+        <table className="w-full text-sm border-collapse">
+          <thead>
+            <tr className="border-b bg-gray-50">
+              <th className="text-left p-2 font-medium text-gray-600">파일명</th>
+              <th className="text-center p-2 font-medium text-gray-600 w-20">크기</th>
+              <th className="text-center p-2 font-medium text-gray-600 w-24">등록일</th>
+              <th className="text-center p-2 font-medium text-gray-600 w-20">작성자</th>
+              <th className="text-center p-2 font-medium text-gray-600 w-16">삭제</th>
+            </tr>
+          </thead>
+          <tbody>
+            {files.map((f) => (
+              <tr key={f.OBJID} className="border-b hover:bg-gray-50">
+                <td className="p-2 text-blue-600 cursor-pointer hover:underline"
+                  onClick={() => handleDownload(f.OBJID, f.REAL_FILE_NAME)}>
+                  {f.REAL_FILE_NAME}
+                </td>
+                <td className="p-2 text-center">{formatSize(f.FILE_SIZE)}</td>
+                <td className="p-2 text-center">{f.REGDATE || "-"}</td>
+                <td className="p-2 text-center">{f.WRITER_NAME || "-"}</td>
+                <td className="p-2 text-center">
+                  <Button size="sm" variant="secondary" className="text-xs h-7 text-red-500 hover:text-red-700"
+                    onClick={() => handleDelete(f.OBJID)}>삭제</Button>
+                </td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <FilesPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/cost/expense/apply/page.tsx b/src/app/cost/expense/apply/page.tsx
new file mode 100644
index 0000000..5eea62d
--- /dev/null
+++ b/src/app/cost/expense/apply/page.tsx
@@ -0,0 +1,194 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import { numberWithCommas } from "@/lib/utils";
+
+// costMgmt/expenseApplyPopup.jsp 대응 (단순화) — 경비신청 등록
+function ExpenseApplyForm() {
+  const params = useSearchParams();
+  const contractObjid = params.get("contractObjid") || "";
+
+  const [projectNo, setProjectNo] = useState("");
+  const [projectName, setProjectName] = useState("");
+
+  const [form, setForm] = useState({
+    bus_title: "",
+    bns_start_date: "",
+    bns_end_date: "",
+    exp_area_cd: "",
+    exp_status_cd: "",
+    bus_content: "",
+    amount_payment: "",
+    reason: "",
+  });
+  const [loading, setLoading] = useState(false);
+
+  const change = <K extends keyof typeof form>(k: K, v: string) =>
+    setForm((p) => ({ ...p, [k]: v }));
+
+  const fmt = (s: string) => numberWithCommas(s.replace(/,/g, ""));
+  const unfmt = (s: string) => s.replace(/,/g, "");
+
+  const fetchProject = useCallback(async () => {
+    if (!contractObjid) return;
+    const res = await fetch("/api/cost/goal/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: contractObjid }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      setProjectNo(String(j.data.PROJECT_NO || ""));
+      setProjectName(String(j.data.PROJECT_NAME || ""));
+    }
+  }, [contractObjid]);
+
+  useEffect(() => { fetchProject(); }, [fetchProject]);
+
+  const handleSave = async () => {
+    if (!form.bus_title.trim()) { Swal.fire({ icon: "warning", title: "출장제목을 입력하세요." }); return; }
+    if (!form.bns_start_date) { Swal.fire({ icon: "warning", title: "출장 시작일을 입력하세요." }); return; }
+    if (!form.bns_end_date) { Swal.fire({ icon: "warning", title: "출장 종료일을 입력하세요." }); return; }
+
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/cost/expense/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          actionType: "regist",
+          project_mgmt_objid: contractObjid,
+          bus_title: form.bus_title,
+          bns_start_date: form.bns_start_date,
+          bns_end_date: form.bns_end_date,
+          exp_area_cd: form.exp_area_cd,
+          bus_content: form.bus_content,
+          reason: form.reason,
+          amount_payment: unfmt(form.amount_payment),
+          status: "created",
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message || "등록되었습니다.", timer: 1000, showConfirmButton: false });
+        const opener = window.opener as Window & { fn_search?: () => void } | null;
+        if (opener) {
+          try {
+            if (typeof opener.fn_search === "function") opener.fn_search();
+            else opener.location.reload();
+          } catch { /* cross-origin */ }
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">경비신청 등록</h2>
+
+      {projectNo ? (
+        <div className="mb-3 px-3 py-2 bg-gray-50 border rounded text-sm">
+          <span className="font-medium">{projectNo}</span>
+          {projectName && <span className="ml-2 text-gray-600">{projectName}</span>}
+        </div>
+      ) : (
+        <div className="mb-3 px-3 py-2 bg-yellow-50 border border-yellow-200 rounded text-xs text-yellow-700">
+          프로젝트가 지정되지 않았습니다. 공통 경비로 등록됩니다.
+        </div>
+      )}
+
+      <table className="w-full text-sm border-collapse">
+        <tbody>
+          <Row label="출장제목" required>
+            <Input value={form.bus_title} onChange={(e) => change("bus_title", e.target.value)} />
+          </Row>
+          <tr>
+            <Th>출장 시작일<Star /></Th>
+            <Td>
+              <Input type="date" value={form.bns_start_date} onChange={(e) => change("bns_start_date", e.target.value)} />
+            </Td>
+            <Th>출장 종료일<Star /></Th>
+            <Td>
+              <Input type="date" value={form.bns_end_date} onChange={(e) => change("bns_end_date", e.target.value)} />
+            </Td>
+          </tr>
+          <tr>
+            <Th>지역</Th>
+            <Td>
+              <CodeSelect codeId="0001550" value={form.exp_area_cd} onChange={(v) => change("exp_area_cd", v)} />
+            </Td>
+            <Th>단계</Th>
+            <Td>
+              <CodeSelect codeId="0001547" value={form.exp_status_cd} onChange={(v) => change("exp_status_cd", v)} />
+            </Td>
+          </tr>
+          <Row label="출장목적">
+            <Input value={form.bus_content} onChange={(e) => change("bus_content", e.target.value)} />
+          </Row>
+          <Row label="정산금액">
+            <Input value={form.amount_payment} onChange={(e) => change("amount_payment", fmt(e.target.value))} className="text-right" />
+          </Row>
+          <Row label="사유">
+            <textarea
+              value={form.reason}
+              onChange={(e) => change("reason", e.target.value)}
+              className="w-full min-h-[80px] rounded border border-gray-300 p-2 text-sm"
+            />
+          </Row>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function Th({ children }: { children: React.ReactNode }) {
+  return (
+    <td className="border border-gray-200 bg-gray-50 px-3 py-2 w-[120px] font-medium text-gray-700 text-sm">
+      {children}
+    </td>
+  );
+}
+function Td({ children }: { children: React.ReactNode }) {
+  return <td className="border border-gray-200 px-2 py-2">{children}</td>;
+}
+function Star() { return <span className="text-red-500 ml-1">*</span>; }
+function Row({ label, required, children }: { label: string; required?: boolean; children: React.ReactNode }) {
+  return (
+    <tr>
+      <Th>{label}{required && <Star />}</Th>
+      <td className="border border-gray-200 px-2 py-2" colSpan={3}>{children}</td>
+    </tr>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ExpenseApplyForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/cost/goal/form/page.tsx b/src/app/cost/goal/form/page.tsx
new file mode 100644
index 0000000..0294407
--- /dev/null
+++ b/src/app/cost/goal/form/page.tsx
@@ -0,0 +1,137 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { numberWithCommas } from "@/lib/utils";
+
+// costMgmt/costGoalRegistPopUp.jsp 대응
+function CostGoalForm() {
+  const params = useSearchParams();
+  const contractObjid = params.get("contractObjid") || "";
+
+  const [projectNo, setProjectNo] = useState("");
+  const [projectName, setProjectName] = useState("");
+  const [material, setMaterial] = useState("");
+  const [labor, setLabor] = useState("");
+  const [expense, setExpense] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  const fmt = (s: string) => numberWithCommas(s.replace(/,/g, ""));
+  const unfmt = (s: string) => s.replace(/,/g, "");
+
+  const fetchDetail = useCallback(async () => {
+    if (!contractObjid) return;
+    const res = await fetch("/api/cost/goal/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: contractObjid }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      setProjectNo(String(j.data.PROJECT_NO || ""));
+      setProjectName(String(j.data.PROJECT_NAME || ""));
+      setMaterial(fmt(String(j.data.MATERIAL_COST_GOAL || "0")));
+      setLabor(fmt(String(j.data.LABOR_COST_GOAL || "0")));
+      setExpense(fmt(String(j.data.EXPENSE_COST_GOAL || "0")));
+    }
+  }, [contractObjid]);
+
+  useEffect(() => { fetchDetail(); }, [fetchDetail]);
+
+  const handleSave = async () => {
+    if (!contractObjid) {
+      Swal.fire({ icon: "warning", title: "프로젝트 정보가 없습니다." });
+      return;
+    }
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/cost/goal/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          contract_objid: contractObjid,
+          material_cost_goal: unfmt(material),
+          labor_cost_goal: unfmt(labor),
+          expense_cost_goal: unfmt(expense),
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+        const opener = window.opener as Window & { fn_search?: () => void } | null;
+        if (opener) {
+          try {
+            if (typeof opener.fn_search === "function") opener.fn_search();
+            else opener.location.reload();
+          } catch { /* cross-origin */ }
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">투입원가관리 - 목표가 등록</h2>
+
+      {projectNo && (
+        <div className="mb-3 px-3 py-2 bg-gray-50 border rounded text-sm">
+          <span className="font-medium">{projectNo}</span>
+          {projectName && <span className="ml-2 text-gray-600">{projectName}</span>}
+        </div>
+      )}
+
+      <table className="w-full text-sm border-collapse">
+        <tbody>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 w-[140px] font-medium text-gray-700">재료비</td>
+            <td className="border border-gray-200 px-2 py-2">
+              <Input value={material} onChange={(e) => setMaterial(fmt(e.target.value))} className="text-right" />
+            </td>
+          </tr>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 font-medium text-gray-700">노무비</td>
+            <td className="border border-gray-200 px-2 py-2">
+              <Input value={labor} onChange={(e) => setLabor(fmt(e.target.value))} className="text-right" />
+            </td>
+          </tr>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 font-medium text-gray-700">경비</td>
+            <td className="border border-gray-200 px-2 py-2">
+              <Input value={expense} onChange={(e) => setExpense(fmt(e.target.value))} className="text-right" />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <CostGoalForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/cs/form/page.tsx b/src/app/cs/form/page.tsx
new file mode 100644
index 0000000..08ed5cf
--- /dev/null
+++ b/src/app/cs/form/page.tsx
@@ -0,0 +1,71 @@
+"use client";
+
+// /cs/form은 /cs/manage/form과 동일한 CS등록 폼
+// cs/page.tsx에서 호출하는 경로
+import { useState, Suspense } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+function CsForm() {
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const handleSave = async () => {
+    if (!form.product_code) { Swal.fire("알림", "제품을 선택하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/cs/manage/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: "regist" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else { Swal.fire("오류", data.message || "저장 실패", "error"); }
+    } catch { Swal.fire("오류", "서버 오류", "error"); }
+    finally { setLoading(false); }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">CS 등록</h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">제품 <span className="text-red-400">*</span></label>
+          <CodeSelect codeId="0000001" value={form.product_code || ""} onChange={(v) => set("product_code", v)} className="w-full" /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">년도</label>
+          <Input value={form.year || new Date().getFullYear().toString()} onChange={(e) => set("year", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">S/N</label>
+          <Input value={form.sn_no || ""} onChange={(e) => set("sn_no", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">출고일자</label>
+          <Input type="date" value={form.release_date || ""} onChange={(e) => set("release_date", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">보증기간(개월)</label>
+          <Input value={form.paid_free || ""} onChange={(e) => set("paid_free", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">연락처</label>
+          <Input value={form.phone || ""} onChange={(e) => set("phone", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">수리완료예정일</label>
+          <Input type="date" value={form.plan_date || ""} onChange={(e) => set("plan_date", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">접수유형</label>
+          <CodeSelect codeId="0000140" value={form.rec_type || ""} onChange={(v) => set("rec_type", v)} className="w-full" /></div>
+        <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">문제내용</label>
+          <textarea value={form.problem_contents || ""} onChange={(e) => set("problem_contents", e.target.value)}
+            className="w-full h-20 rounded border border-gray-300 px-3 py-2 text-sm" /></div>
+        <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">조치내용</label>
+          <textarea value={form.action_contents || ""} onChange={(e) => set("action_contents", e.target.value)}
+            className="w-full h-20 rounded border border-gray-300 px-3 py-2 text-sm" /></div>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}><CsForm /></Suspense>;
+}
diff --git a/src/app/cs/manage/form/page.tsx b/src/app/cs/manage/form/page.tsx
new file mode 100644
index 0000000..0d637ae
--- /dev/null
+++ b/src/app/cs/manage/form/page.tsx
@@ -0,0 +1,705 @@
+"use client";
+
+import { useState, useEffect, useCallback, useMemo, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FileUpload } from "@/components/ui/file-upload";
+import { ApprovalRequestModal } from "@/components/approval/ApprovalRequestModal";
+import { numberWithCommas } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+type Row = Record<string, string>;
+
+interface FileInfo {
+  OBJID: string;
+  REAL_FILE_NAME: string;
+  DOC_TYPE: string;
+  FILE_PATH?: string;
+  FILE_SIZE?: string;
+}
+
+// asMngFormPopUp_CS.jsp 대응 - CS관리 등록/수정 팝업 (조치내역서)
+function CsManageForm() {
+  const search = useSearchParams();
+  const objIdParam = search.get("objId") || "";
+  const [objId, setObjId] = useState(objIdParam);
+
+  const [form, setForm] = useState<Record<string, string>>({
+    service_no: "",
+    status: "",
+    product: "",
+    contract_objid: "",
+    customer_name: "",
+    setup: "",
+    release_date: "",
+    cs_category: "",
+    category_h: "",
+    warranty: "",
+    manager_id: "",
+    act_date: "",
+    title: "",
+    before_contents: "",
+    after_contents: "",
+    appr_status_name: "",
+  });
+
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const [parts, setParts] = useState<Row[]>([]);
+  const [works, setWorks] = useState<Row[]>([]);
+  const [projectOpts, setProjectOpts] = useState<{ value: string; label: string }[]>([]);
+  const [userOpts, setUserOpts] = useState<{ value: string; label: string }[]>([]);
+  const [supplyOpts, setSupplyOpts] = useState<{ value: string; label: string }[]>([]);
+  const [imgFiles1, setImgFiles1] = useState<FileInfo[]>([]);
+  const [imgFiles2, setImgFiles2] = useState<FileInfo[]>([]);
+  const [docFiles, setDocFiles] = useState<FileInfo[]>([]);
+  const [fileVer, setFileVer] = useState(0);
+  const [saving, setSaving] = useState(false);
+
+  const readOnly = form.appr_status_name === "결재중" || form.appr_status_name === "결재완료";
+
+  // 공통 옵션 로드
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) =>
+        setProjectOpts(
+          (j.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID), label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+          }))
+        )
+      ).catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) =>
+        setUserOpts(
+          (j.RESULTLIST || []).map((u: Record<string, unknown>) => ({
+            value: String(u.USER_ID),
+            label: `${u.USER_NAME || u.USER_ID}${u.DEPT_NAME ? ` (${u.DEPT_NAME})` : ""}`,
+          }))
+        )
+      ).catch(() => {});
+    fetch("/api/common/supply-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((j) =>
+        setSupplyOpts(
+          (j.RESULTLIST || []).map((s: Record<string, unknown>) => ({
+            value: String(s.OBJID), label: String(s.SUPPLY_NAME),
+          }))
+        )
+      ).catch(() => {});
+  }, []);
+
+  // 상세 조회
+  const fetchDetail = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/cs/manage/detail", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const j = await res.json();
+    if (!j.success) return;
+    const d = j.data as Record<string, unknown>;
+    setForm({
+      service_no: String(d.SERVICE_NO || ""),
+      status: String(d.STATUS || ""),
+      product: String(d.PRODUCT || ""),
+      contract_objid: String(d.CONTRACT_OBJID || ""),
+      customer_name: String(d.CUSTOMER_NAME || ""),
+      setup: String(d.SETUP || ""),
+      release_date: String(d.RELEASE_DATE || ""),
+      cs_category: String(d.CS_CATEGORY || ""),
+      category_h: String(d.CATEGORY_H || ""),
+      warranty: String(d.WARRANTY || ""),
+      manager_id: String(d.MANAGER_ID || ""),
+      act_date: String(d.ACT_DATE || ""),
+      title: String(d.TITLE || ""),
+      before_contents: String(d.BEFORE_CONTENTS || ""),
+      after_contents: String(d.AFTER_CONTENTS || ""),
+      appr_status_name: String(d.APPR_STATUS_NAME || ""),
+    });
+    setParts((j.parts || []).map((p: Row) => ({ ...p })));
+    setWorks((j.works || []).map((w: Row) => ({ ...w })));
+  }, [objId]);
+
+  useEffect(() => { fetchDetail(); }, [fetchDetail]);
+
+  // 첨부파일 조회
+  const fetchFiles = useCallback(async () => {
+    if (!objId) { setImgFiles1([]); setImgFiles2([]); setDocFiles([]); return; }
+    const res = await fetch("/api/common/files", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const j = await res.json();
+    const all: FileInfo[] = j.files || [];
+    setImgFiles1(all.filter((f) => f.DOC_TYPE === "AS_IMG_01"));
+    setImgFiles2(all.filter((f) => f.DOC_TYPE === "AS_IMG_02"));
+    setDocFiles(all.filter((f) => f.DOC_TYPE === "AS_DOC_01"));
+  }, [objId]);
+
+  useEffect(() => { fetchFiles(); }, [fetchFiles, fileVer]);
+
+  // 프로젝트 변경 → 고객사/셋업지/출고일 자동 조회
+  const onProjectChange = async (projectObjId: string) => {
+    set("contract_objid", projectObjId);
+    if (!projectObjId) {
+      set("customer_name", ""); set("setup", ""); set("release_date", "");
+      return;
+    }
+    try {
+      const res = await fetch("/api/common/project-release-info", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ projectObjId }),
+      });
+      const j = await res.json();
+      if (j.success && j.data) {
+        set("customer_name", String(j.data.CUSTOMER_NAME || ""));
+        set("setup", String(j.data.SETUP || ""));
+        set("release_date", String(j.data.RELEASE_DATE || ""));
+      }
+    } catch { /* */ }
+  };
+
+  // 부품/작업시간 합계
+  const totals = useMemo(() => {
+    const n = (v: unknown) => Number(String(v || "0").replace(/,/g, "")) || 0;
+    const total_sup_price = parts.reduce((s, p) => s + n(p.SUP_PRICE), 0);
+    const total_work_day = works.reduce((s, w) => s + n(w.WORK_DAY), 0);
+    const total_work_person = works.reduce((s, w) => s + n(w.WORK_PERSON), 0);
+    const total_work_day_m = works.reduce((s, w) => s + n(w.WORK_DAY_M), 0);
+    const total_labor_cost = works.reduce((s, w) => s + n(w.LABOR_COST), 0);
+    const total_expenses = works.reduce((s, w) => s + n(w.EXPENSES), 0);
+    return { total_sup_price, total_work_day, total_work_person, total_work_day_m, total_labor_cost, total_expenses };
+  }, [parts, works]);
+
+  // Part 행
+  const delPart = (idx: number) => setParts((p) => p.filter((_, i) => i !== idx));
+  const updatePart = (idx: number, key: string, val: string) => {
+    setParts((prev) => {
+      const next = [...prev];
+      const row = { ...next[idx], [key]: val };
+      if (key === "QTY" || key === "PRICE") {
+        const q = Number(String(row.QTY || "0").replace(/,/g, "")) || 0;
+        const pr = Number(String(row.PRICE || "0").replace(/,/g, "")) || 0;
+        row.SUP_PRICE = String(q * pr);
+      }
+      next[idx] = row;
+      return next;
+    });
+  };
+
+  // 부품선택 팝업 열기
+  const openPartSearch = () => {
+    const w = 1200, h = 700;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    (window as unknown as Record<string, unknown>).fn_addPartRow = (row: Record<string, unknown>) => {
+      setParts((prev) => [...prev, {
+        OBJID: "",
+        PARENT_OBJID: objId,
+        PART_NO: String(row.PART_NO || ""),
+        PART_NAME: String(row.PART_NAME || ""),
+        SPEC: String(row.SPEC || ""),
+        QTY: "1",
+        CUR_QTY: String(row.INVEN_TOTAL_QTY || row.CUR_QTY || ""),
+        PRICE: "",
+        SUP_PRICE: "",
+      }]);
+    };
+    window.open("/cs/manage/part-search", "partMngListPopUp", `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  // Work 행
+  const addWork = () => setWorks((w) => [...w, { OBJID: "", PARENT_OBJID: objId, SUPPLY_OBJID: "", FORM_DATE: "", TO_DATE: "", WORK_DAY: "", WORK_PERSON: "", WORK_DAY_M: "", LABOR_COST: "", EXPENSES: "" }]);
+  const delWork = (idx: number) => setWorks((w) => w.filter((_, i) => i !== idx));
+  const updateWork = (idx: number, key: string, val: string) => {
+    setWorks((prev) => {
+      const next = [...prev];
+      const row = { ...next[idx], [key]: val };
+      if (key === "WORK_DAY" || key === "WORK_PERSON") {
+        const d = Number(String(row.WORK_DAY || "0").replace(/,/g, "")) || 0;
+        const p = Number(String(row.WORK_PERSON || "0").replace(/,/g, "")) || 0;
+        row.WORK_DAY_M = String(d * p);
+      }
+      next[idx] = row;
+      return next;
+    });
+  };
+
+  // 검증
+  const validate = (): string | null => {
+    if (!form.product) return "제품구분을 선택하세요.";
+    if (!form.contract_objid) return "당사 프로젝트번호를 선택하세요.";
+    if (!form.warranty) return "유/무상을 선택하세요.";
+    if (!form.manager_id) return "조치담당자를 선택하세요.";
+    if (!form.title) return "제목을 입력하세요.";
+    if (!form.category_h) return "유형을 선택하세요.";
+    return null;
+  };
+
+  // 저장
+  const saveData = async (newStatus?: string) => {
+    const err = validate();
+    if (err) { Swal.fire("알림", err, "warning"); return null; }
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/cs/manage/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objId,
+          ...form,
+          status: newStatus || form.status || "0000100",
+          TOTAL_SUP_PRICE: totals.total_sup_price,
+          TOTAL_WORK_DAY: totals.total_work_day,
+          TOTAL_WORK_PERSON: totals.total_work_person,
+          TOTAL_WORK_DAY_M: totals.total_work_day_m,
+          TOTAL_LABOR_COST: totals.total_labor_cost,
+          TOTAL_EXPENSES: totals.total_expenses,
+          parts,
+          works,
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        if (!objId && j.objId) setObjId(j.objId);
+        if (!form.service_no && j.serviceNo) set("service_no", j.serviceNo);
+        return j as { success: true; objId: string; serviceNo: string; message: string };
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+        return null;
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+      return null;
+    } finally { setSaving(false); }
+  };
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장 확인", text: "저장하시겠습니까?", icon: "question",
+      showCancelButton: true, confirmButtonText: "저장", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    if (parts.length === 0) { Swal.fire("알림", "저장할 사용부품이 존재하지 않습니다.", "warning"); return; }
+    if (works.length === 0) { Swal.fire("알림", "저장할 작업시간이 존재하지 않습니다.", "warning"); return; }
+    const ok = await saveData();
+    if (ok) {
+      await Swal.fire({ icon: "success", title: ok.message || "저장되었습니다.", timer: 1200, showConfirmButton: false });
+      if (window.opener) {
+        try {
+          const op = window.opener as Window & { fn_search?: () => void };
+          if (typeof op.fn_search === "function") op.fn_search();
+        } catch {}
+      }
+    }
+  };
+
+  // 결재상신 — 저장 후 공통 모달 오픈
+  const [apprModalOpen, setApprModalOpen] = useState(false);
+  const [apprTargetObjId, setApprTargetObjId] = useState("");
+  const handleApproval = async () => {
+    if (parts.length === 0) { Swal.fire("알림", "저장할 사용부품이 존재하지 않습니다.", "warning"); return; }
+    if (works.length === 0) { Swal.fire("알림", "저장할 작업시간이 존재하지 않습니다.", "warning"); return; }
+    const saved = await saveData();
+    if (!saved) return;
+    setApprTargetObjId(String(saved.objId));
+    setApprModalOpen(true);
+  };
+
+  const onApprovalSuccess = async () => {
+    // STATUS = 결재중(0000101)
+    await saveData("0000101");
+    if (window.opener) {
+      try {
+        const op = window.opener as Window & { fn_search?: () => void };
+        if (typeof op.fn_search === "function") op.fn_search();
+      } catch {}
+    }
+    window.close();
+  };
+
+  // 유형(category_h) 옵션: cs_category 하위 코드
+  const [categoryHOpts, setCategoryHOpts] = useState<{ value: string; label: string }[]>([]);
+  useEffect(() => {
+    if (!form.cs_category) { setCategoryHOpts([]); return; }
+    fetch("/api/common/code-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: form.cs_category }),
+    }).then((r) => r.json())
+      .then((j) =>
+        setCategoryHOpts(
+          (j.data || []).map((r: Record<string, unknown>) => ({
+            value: String(r.code_id || r.CODE_ID),
+            label: String(r.code_name || r.CODE_NAME),
+          }))
+        )
+      ).catch(() => setCategoryHOpts([]));
+  }, [form.cs_category]);
+
+  return (
+    <div className="p-4 bg-white min-h-screen text-sm">
+      <div className="flex items-center justify-between border-b pb-3 mb-4">
+        <h2 className="text-xl font-bold text-gray-800">Customer Service Management (조치내역서)</h2>
+        <div className="text-xs text-gray-500">
+          {form.service_no && <span className="mr-3">접수 No: <span className="font-semibold text-gray-700">{form.service_no}</span></span>}
+          {form.appr_status_name && <span>상태: <span className="font-semibold text-blue-600">{form.appr_status_name}</span></span>}
+        </div>
+      </div>
+
+      {readOnly && (
+        <div className="mb-3 p-2 rounded border border-amber-200 bg-amber-50 text-amber-700 text-xs">
+          결재중/결재완료 상태이므로 수정할 수 없습니다.
+        </div>
+      )}
+
+      {/* 기본정보 */}
+      <table className="w-full border border-gray-300 mb-4">
+        <colgroup>
+          <col className="w-[120px]" /><col />
+          <col className="w-[120px]" /><col />
+          <col className="w-[120px]" /><col />
+          <col className="w-[120px]" /><col />
+        </colgroup>
+        <tbody>
+          <tr>
+            <th className="bg-gray-50 border px-2 py-1 text-left">제품구분 <span className="text-red-500">*</span></th>
+            <td className="border p-1">
+              <SearchableCodeSelect codeId="0000001" value={form.product} onChange={(v) => set("product", v)} disabled={readOnly} />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">당사 프로젝트번호 <span className="text-red-500">*</span></th>
+            <td className="border p-1">
+              <SearchableSelect options={projectOpts} value={form.contract_objid} onChange={onProjectChange} disabled={readOnly} />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">고객사(명)</th>
+            <td className="border p-1">
+              <Input value={form.customer_name} readOnly className="bg-gray-50" />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">셋업지</th>
+            <td className="border p-1">
+              <Input value={form.setup} readOnly className="bg-gray-50" />
+            </td>
+          </tr>
+          <tr>
+            <th className="bg-gray-50 border px-2 py-1 text-left">출고일</th>
+            <td className="border p-1">
+              <Input value={form.release_date} readOnly className="bg-gray-50" />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">CS구분</th>
+            <td className="border p-1">
+              <SearchableCodeSelect codeId="0000970" value={form.cs_category} onChange={(v) => { set("cs_category", v); set("category_h", ""); }} disabled={readOnly} />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">유형 <span className="text-red-500">*</span></th>
+            <td className="border p-1">
+              <SearchableSelect options={categoryHOpts} value={form.category_h} onChange={(v) => set("category_h", v)} disabled={readOnly} />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">유/무상 <span className="text-red-500">*</span></th>
+            <td className="border p-1">
+              <SearchableCodeSelect codeId="0000156" value={form.warranty} onChange={(v) => set("warranty", v)} disabled={readOnly} />
+            </td>
+          </tr>
+          <tr>
+            <th className="bg-gray-50 border px-2 py-1 text-left">조치담당자 <span className="text-red-500">*</span></th>
+            <td className="border p-1">
+              <SearchableSelect options={userOpts} value={form.manager_id} onChange={(v) => set("manager_id", v)} disabled={readOnly} />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">조치완료일</th>
+            <td className="border p-1">
+              <Input type="date" value={form.act_date} onChange={(e) => set("act_date", e.target.value)} disabled={readOnly} />
+            </td>
+            <th className="bg-gray-50 border px-2 py-1 text-left">제목 <span className="text-red-500">*</span></th>
+            <td className="border p-1" colSpan={3}>
+              <Input value={form.title} onChange={(e) => set("title", e.target.value)} disabled={readOnly} />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      {/* 문제점/조치내역 + 이미지 */}
+      <div className="grid grid-cols-4 gap-2 mb-4 border border-gray-800 p-2">
+        <div>
+          <div className="text-center font-semibold mb-1">문제점(현상)</div>
+          <textarea
+            value={form.before_contents}
+            onChange={(e) => set("before_contents", e.target.value)}
+            disabled={readOnly}
+            className="w-full h-40 border border-gray-300 rounded p-2 text-sm resize-none"
+          />
+        </div>
+        <div>
+          <div className="text-center font-semibold mb-1">문제점 이미지</div>
+          <ImagePanel objId={objId} docType="AS_IMG_01" files={imgFiles1} onChange={() => setFileVer((v) => v + 1)} readOnly={readOnly} />
+        </div>
+        <div>
+          <div className="text-center font-semibold mb-1">조치내역</div>
+          <textarea
+            value={form.after_contents}
+            onChange={(e) => set("after_contents", e.target.value)}
+            disabled={readOnly}
+            className="w-full h-40 border border-gray-300 rounded p-2 text-sm resize-none"
+          />
+        </div>
+        <div>
+          <div className="text-center font-semibold mb-1">조치 이미지</div>
+          <ImagePanel objId={objId} docType="AS_IMG_02" files={imgFiles2} onChange={() => setFileVer((v) => v + 1)} readOnly={readOnly} />
+        </div>
+      </div>
+
+      {/* 사용부품 */}
+      <div className="mb-4">
+        <div className="flex items-center justify-between mb-1">
+          <h3 className="font-semibold">사용부품</h3>
+          {!readOnly && (
+            <div className="flex gap-2">
+              <Button size="sm" onClick={openPartSearch}>추가</Button>
+            </div>
+          )}
+        </div>
+        <table className="w-full border border-gray-300 text-xs">
+          <thead className="bg-gray-50">
+            <tr>
+              <th className="border p-1 w-8">#</th>
+              <th className="border p-1">품번</th>
+              <th className="border p-1">품명</th>
+              <th className="border p-1">사양(규격)</th>
+              <th className="border p-1 w-20">수량</th>
+              <th className="border p-1 w-20">현재고수량</th>
+              <th className="border p-1 w-24">단가</th>
+              <th className="border p-1 w-24">공급가</th>
+              {!readOnly && <th className="border p-1 w-14">삭제</th>}
+            </tr>
+          </thead>
+          <tbody>
+            {parts.length === 0 ? (
+              <tr><td colSpan={readOnly ? 8 : 9} className="text-center py-3 text-gray-400">등록된 부품이 없습니다.</td></tr>
+            ) : parts.map((p, i) => (
+              <tr key={i}>
+                <td className="border text-center text-gray-500">{i + 1}</td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 outline-none" value={p.PART_NO || ""} onChange={(e) => updatePart(i, "PART_NO", e.target.value)} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 outline-none" value={p.PART_NAME || ""} onChange={(e) => updatePart(i, "PART_NAME", e.target.value)} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 outline-none" value={p.SPEC || ""} onChange={(e) => updatePart(i, "SPEC", e.target.value)} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={p.QTY || ""} onChange={(e) => updatePart(i, "QTY", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={p.CUR_QTY || ""} onChange={(e) => updatePart(i, "CUR_QTY", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={p.PRICE || ""} onChange={(e) => updatePart(i, "PRICE", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                <td className="border p-1 text-right bg-gray-50">{numberWithCommas(Number(p.SUP_PRICE || 0))}</td>
+                {!readOnly && <td className="border text-center"><button className="text-red-500 text-xs hover:underline" onClick={() => delPart(i)}>삭제</button></td>}
+              </tr>
+            ))}
+          </tbody>
+          <tfoot>
+            <tr className="bg-gray-100 font-semibold">
+              <td className="border text-center" colSpan={7}>계(원)</td>
+              <td className="border p-1 text-right">{numberWithCommas(totals.total_sup_price)}</td>
+              {!readOnly && <td className="border" />}
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+
+      {/* 작업시간 */}
+      <div className="mb-4">
+        <div className="flex items-center justify-between mb-1">
+          <h3 className="font-semibold">작업시간(Hr)</h3>
+          {!readOnly && (
+            <div className="flex gap-2">
+              <Button size="sm" onClick={addWork}>추가</Button>
+            </div>
+          )}
+        </div>
+        <table className="w-full border border-gray-300 text-xs">
+          <thead className="bg-gray-50">
+            <tr>
+              <th className="border p-1 w-8">#</th>
+              <th className="border p-1">업체명</th>
+              <th className="border p-1 w-28">시작일</th>
+              <th className="border p-1 w-28">종료일</th>
+              <th className="border p-1 w-20">작업일수</th>
+              <th className="border p-1 w-20">작업인원</th>
+              <th className="border p-1 w-20">day/M</th>
+              <th className="border p-1 w-28">노무비</th>
+              <th className="border p-1 w-28">경비</th>
+              {!readOnly && <th className="border p-1 w-14">삭제</th>}
+            </tr>
+          </thead>
+          <tbody>
+            {works.length === 0 ? (
+              <tr><td colSpan={readOnly ? 9 : 10} className="text-center py-3 text-gray-400">등록된 작업시간이 없습니다.</td></tr>
+            ) : works.map((w, i) => (
+              <tr key={i}>
+                <td className="border text-center text-gray-500">{i + 1}</td>
+                <td className="border p-0.5">
+                  <select value={w.SUPPLY_OBJID || ""} onChange={(e) => updateWork(i, "SUPPLY_OBJID", e.target.value)} disabled={readOnly} className="w-full px-1 py-0.5 outline-none bg-white">
+                    <option value="">선택</option>
+                    {supplyOpts.map((s) => <option key={s.value} value={s.value}>{s.label}</option>)}
+                  </select>
+                </td>
+                <td className="border p-0.5"><input type="date" className="w-full px-1 py-0.5 outline-none" value={w.FORM_DATE || ""} onChange={(e) => updateWork(i, "FORM_DATE", e.target.value)} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input type="date" className="w-full px-1 py-0.5 outline-none" value={w.TO_DATE || ""} onChange={(e) => updateWork(i, "TO_DATE", e.target.value)} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={w.WORK_DAY || ""} onChange={(e) => updateWork(i, "WORK_DAY", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={w.WORK_PERSON || ""} onChange={(e) => updateWork(i, "WORK_PERSON", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                <td className="border p-1 text-right bg-gray-50">{numberWithCommas(Number(w.WORK_DAY_M || 0))}</td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={w.LABOR_COST || ""} onChange={(e) => updateWork(i, "LABOR_COST", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                <td className="border p-0.5"><input className="w-full px-1 py-0.5 text-right outline-none" value={w.EXPENSES || ""} onChange={(e) => updateWork(i, "EXPENSES", e.target.value.replace(/[^0-9]/g, ""))} disabled={readOnly} /></td>
+                {!readOnly && <td className="border text-center"><button className="text-red-500 text-xs hover:underline" onClick={() => delWork(i)}>삭제</button></td>}
+              </tr>
+            ))}
+          </tbody>
+          <tfoot>
+            <tr className="bg-gray-100 font-semibold">
+              <td className="border text-center" colSpan={4}>총작업시간</td>
+              <td className="border p-1 text-right">{numberWithCommas(totals.total_work_day)}</td>
+              <td className="border p-1 text-right">{numberWithCommas(totals.total_work_person)}</td>
+              <td className="border p-1 text-right">{numberWithCommas(totals.total_work_day_m)}</td>
+              <td className="border p-1 text-right">{numberWithCommas(totals.total_labor_cost)}</td>
+              <td className="border p-1 text-right">{numberWithCommas(totals.total_expenses)}</td>
+              {!readOnly && <td className="border" />}
+            </tr>
+          </tfoot>
+        </table>
+      </div>
+
+      {/* 파일첨부 */}
+      <div className="mb-4">
+        <h3 className="font-semibold mb-1">파일첨부</h3>
+        <DocPanel objId={objId} docType="AS_DOC_01" files={docFiles} onChange={() => setFileVer((v) => v + 1)} readOnly={readOnly} />
+      </div>
+
+      {/* 버튼 */}
+      <div className="flex justify-center gap-2 pt-3 border-t">
+        {!readOnly && (
+          <>
+            <Button onClick={handleApproval} disabled={saving}>결재상신</Button>
+            <Button onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+          </>
+        )}
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <ApprovalRequestModal
+        open={apprModalOpen}
+        onClose={() => setApprModalOpen(false)}
+        objIds={apprTargetObjId ? [apprTargetObjId] : []}
+        targetType="CSM"
+        defaultTitle={`CS조치내역서 상신 - ${form.title}`}
+        defaultDescription={form.title}
+        onSuccess={onApprovalSuccess}
+      />
+    </div>
+  );
+}
+
+// 이미지 패널 (미리보기 + 업로드 + 삭제)
+function ImagePanel({ objId, docType, files, onChange, readOnly }: {
+  objId: string; docType: string; files: FileInfo[]; onChange: () => void; readOnly: boolean;
+}) {
+  const handleDelete = async (fileObjId: string) => {
+    const r = await Swal.fire({
+      title: "삭제 확인", text: "이미지를 삭제하시겠습니까?", icon: "warning",
+      showCancelButton: true, confirmButtonText: "삭제", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    await fetch("/api/common/files/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId: fileObjId }),
+    });
+    onChange();
+  };
+
+  if (!objId) {
+    return <div className="w-full h-40 border border-dashed border-gray-300 flex items-center justify-center text-xs text-gray-400">저장 후 업로드 가능</div>;
+  }
+
+  return (
+    <div className="w-full">
+      <div className="h-32 border border-gray-300 rounded overflow-auto p-1 bg-gray-50">
+        {files.length === 0 ? (
+          <div className="h-full flex items-center justify-center text-xs text-gray-400">이미지 없음</div>
+        ) : (
+          <div className="flex flex-wrap gap-1">
+            {files.map((f) => (
+              <div key={f.OBJID} className="relative group">
+                <a href={`/api/common/files/download?objId=${f.OBJID}&fileName=${encodeURIComponent(f.REAL_FILE_NAME)}`} target="_blank" rel="noreferrer">
+                  <img src={`/api/common/files/download?objId=${f.OBJID}&fileName=${encodeURIComponent(f.REAL_FILE_NAME)}&inline=1`} alt={f.REAL_FILE_NAME} className="w-24 h-24 object-cover border border-gray-300 rounded" />
+                </a>
+                {!readOnly && (
+                  <button onClick={() => handleDelete(f.OBJID)} className="absolute -top-1 -right-1 w-5 h-5 rounded-full bg-red-500 text-white text-xs opacity-0 group-hover:opacity-100">×</button>
+                )}
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+      {!readOnly && (
+        <div className="mt-1">
+          <FileUpload targetObjId={objId} docType={docType} docTypeName={docType} onUploadComplete={onChange} />
+        </div>
+      )}
+    </div>
+  );
+}
+
+// 문서 패널 (리스트 + 업로드 + 삭제)
+function DocPanel({ objId, docType, files, onChange, readOnly }: {
+  objId: string; docType: string; files: FileInfo[]; onChange: () => void; readOnly: boolean;
+}) {
+  const handleDelete = async (fileObjId: string) => {
+    const r = await Swal.fire({
+      title: "삭제 확인", text: "첨부파일을 삭제하시겠습니까?", icon: "warning",
+      showCancelButton: true, confirmButtonText: "삭제", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    await fetch("/api/common/files/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId: fileObjId }),
+    });
+    onChange();
+  };
+
+  if (!objId) {
+    return <div className="border border-dashed border-gray-300 rounded p-3 text-xs text-gray-400">저장 후 첨부 가능</div>;
+  }
+
+  return (
+    <div className="border border-gray-300 rounded">
+      {!readOnly && (
+        <div className="border-b border-gray-200 p-2 bg-gray-50">
+          <FileUpload targetObjId={objId} docType={docType} docTypeName={docType} onUploadComplete={onChange} />
+        </div>
+      )}
+      {files.length === 0 ? (
+        <div className="text-center text-xs text-gray-400 py-4">첨부파일이 없습니다.</div>
+      ) : (
+        <table className="w-full text-xs">
+          <tbody>
+            {files.map((f) => (
+              <tr key={f.OBJID} className="border-b last:border-b-0">
+                <td className="p-2">
+                  <a href={`/api/common/files/download?objId=${f.OBJID}&fileName=${encodeURIComponent(f.REAL_FILE_NAME)}`} className="text-blue-600 hover:underline" target="_blank" rel="noreferrer">
+                    {f.REAL_FILE_NAME}
+                  </a>
+                </td>
+                {!readOnly && (
+                  <td className="p-2 text-right w-14">
+                    <button onClick={() => handleDelete(f.OBJID)} className="text-red-500 hover:underline">삭제</button>
+                  </td>
+                )}
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      )}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <CsManageForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/cs/manage/part-search/page.tsx b/src/app/cs/manage/part-search/page.tsx
new file mode 100644
index 0000000..09a0ba1
--- /dev/null
+++ b/src/app/cs/manage/part-search/page.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import Swal from "sweetalert2";
+
+// aspartMngListPopUp.jsp 대응 - 부품 검색 후 opener에 행 추가 콜백 호출
+export default function PartSearchPopup() {
+  const [partNo, setPartNo] = useState("");
+  const [partName, setPartName] = useState("");
+  const [rows, setRows] = useState<Record<string, unknown>[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [selected, setSelected] = useState<Record<string, unknown>[]>([]);
+
+  const fetchRows = useCallback(async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/part-mgmt", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ part_no: partNo, part_name: partName, page: 1 }),
+      });
+      const j = await res.json();
+      setRows(j.RESULTLIST || []);
+    } finally { setLoading(false); }
+  }, [partNo, partName]);
+
+  useEffect(() => { fetchRows(); }, [fetchRows]);
+
+  const columns: GridColumn[] = [
+    { title: "품번", field: "PART_NO", width: 160, hozAlign: "left",
+      cellClick: (row) => addToOpener(row) },
+    { title: "품명", field: "PART_NAME", width: 200, hozAlign: "left" },
+    { title: "사양(규격)", field: "SPEC", width: 180, hozAlign: "left" },
+    { title: "재질", field: "MATERIAL_NAME", width: 120, hozAlign: "left" },
+    { title: "단위", field: "UNIT_NAME", width: 80, hozAlign: "left" },
+    { title: "MAKER", field: "MAKER", width: 120, hozAlign: "left" },
+  ];
+
+  const addToOpener = (row: Record<string, unknown>) => {
+    if (!window.opener) {
+      Swal.fire("알림", "부모창을 찾을 수 없습니다.", "warning");
+      return;
+    }
+    try {
+      const op = window.opener as Window & { fn_addPartRow?: (row: Record<string, unknown>) => void };
+      if (typeof op.fn_addPartRow === "function") {
+        op.fn_addPartRow(row);
+      }
+    } catch { /* cross-origin */ }
+  };
+
+  const handleApplyAll = () => {
+    if (selected.length === 0) {
+      Swal.fire("알림", "선택한 부품이 없습니다.", "warning");
+      return;
+    }
+    selected.forEach(addToOpener);
+    window.close();
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">부품 검색</h2>
+
+      <SearchForm onSearch={fetchRows}>
+        <SearchField label="품번"><Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[180px]" /></SearchField>
+        <SearchField label="품명"><Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[200px]" /></SearchField>
+      </SearchForm>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchRows}>조회</Button>
+        <Button size="sm" onClick={handleApplyAll}>선택 적용</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <DataGrid
+        columns={columns}
+        data={rows}
+        showCheckbox
+        height="calc(100vh - 260px)"
+        onSelectionChange={setSelected}
+        loading={loading}
+      />
+      <p className="text-xs text-gray-500 mt-2">품번 클릭 시 부모창 사용부품 목록에 즉시 추가됩니다. 여러 건 선택 후 &apos;선택 적용&apos; 버튼도 가능합니다.</p>
+    </div>
+  );
+}
diff --git a/src/app/delivery/acceptance/form/page.tsx b/src/app/delivery/acceptance/form/page.tsx
new file mode 100644
index 0000000..dc79ecb
--- /dev/null
+++ b/src/app/delivery/acceptance/form/page.tsx
@@ -0,0 +1,800 @@
+"use client";
+
+import { useState, useEffect, useMemo, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { numberWithCommas } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+type Part = {
+  ORDER_PART_OBJID: string;
+  PART_OBJID: string;
+  LD_PART_OBJID: string;
+  PART_NO: string;
+  PART_NAME: string;
+  SPEC: string;
+  MAKER: string;
+  UNIT_TITLE: string;
+  ORDER_QTY: string;
+  REAL_ORDER_QTY: string;
+  POM_DELIVERY_DATE: string;
+  TOTAL_DELIVERY_QTY: string;
+  NON_ARRIVAL_QTY: string;
+};
+
+type Arrival = {
+  OBJID: string;             // arrival_plan.objid (신규는 빈값)
+  ORDER_PART_OBJID: string;
+  PART_OBJID: string;
+  GROUP_SEQ: string;
+  SEQ: string;
+  ARRIVAL_QTY: string;
+  ARRIVAL_PLAN_DATE: string;
+  RECEIPT_QTY: string;
+  RECEIPT_INV_QTY: string;   // 기입고수량 (수정 전 DB값)
+  RECEIPT_DATE: string;
+  LOCATION: string;
+  SUB_LOCATION: string;
+  INVENTORY_STATUS: string;  // 'Y'면 이미 입고처리됨
+  INVOICE_OBJID: string;
+};
+
+type Info = Record<string, string>;
+
+type CodeRow = { CODE_ID: string; CODE_NAME: string };
+
+// 발주품목(좌측 고정) 컬럼 폭 — colgroup width 합과 일치해야 함
+const PART_COL_WIDTHS = [110, 150, 120, 90, 60, 80, 110];
+const PART_COL_LEFTS = PART_COL_WIDTHS.reduce<number[]>((acc, w, i) => {
+  acc.push(i === 0 ? 0 : acc[i - 1] + PART_COL_WIDTHS[i - 1]);
+  return acc;
+}, []);
+const PART_COL_LABELS = ["품번", "품명", "규격", "Maker", "단위", "수량", "입고요청일"];
+
+function todayStr() {
+  const d = new Date();
+  const mm = String(d.getMonth() + 1).padStart(2, "0");
+  const dd = String(d.getDate()).padStart(2, "0");
+  return `${d.getFullYear()}-${mm}-${dd}`;
+}
+
+function AcceptanceForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const deliveryStatus = searchParams.get("delivery_status") || "";
+  const actionType = searchParams.get("action") || "";
+  const isView = actionType === "view" || deliveryStatus === "입고완료";
+
+  const [info, setInfo] = useState<Info>({});
+  const [parts, setParts] = useState<Part[]>([]);
+  const [arrivals, setArrivals] = useState<Arrival[]>([]);
+  const [multiMaster, setMultiMaster] = useState<Record<string, string>[]>([]);
+  const [locationOptions, setLocationOptions] = useState<CodeRow[]>([]);
+  const [subLocationMap, setSubLocationMap] = useState<Record<string, CodeRow[]>>({});
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+
+  // 위치 일괄 적용 상태
+  const [bulkLocation, setBulkLocation] = useState("");
+  const [bulkSubLocation, setBulkSubLocation] = useState("");
+  const [checkedLocGroups, setCheckedLocGroups] = useState<Set<string>>(new Set());
+  const [checkedSubGroups, setCheckedSubGroups] = useState<Set<string>>(new Set());
+
+  // 상세 로드
+  const loadDetail = useCallback(async () => {
+    if (!objId) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/delivery/acceptance/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      });
+      const json = await res.json();
+      if (!json.success) {
+        Swal.fire("오류", json.message || "조회 실패", "error");
+        return;
+      }
+      setInfo(json.info || {});
+      const partRows: Part[] = (json.partList || []).map((p: Record<string, unknown>) => ({
+        ORDER_PART_OBJID: String(p.ORDER_PART_OBJID || ""),
+        PART_OBJID: String(p.PART_OBJID || ""),
+        LD_PART_OBJID: String(p.LD_PART_OBJID || ""),
+        PART_NO: String(p.PART_NO || ""),
+        PART_NAME: String(p.PART_NAME || ""),
+        SPEC: String(p.SPEC || ""),
+        MAKER: String(p.MAKER || ""),
+        UNIT_TITLE: String(p.UNIT_TITLE || ""),
+        ORDER_QTY: String(p.ORDER_QTY || "0"),
+        REAL_ORDER_QTY: String(p.REAL_ORDER_QTY || p.ORDER_QTY || "0"),
+        POM_DELIVERY_DATE: String(p.POM_DELIVERY_DATE || ""),
+        TOTAL_DELIVERY_QTY: String(p.TOTAL_DELIVERY_QTY || "0"),
+        NON_ARRIVAL_QTY: String(p.NON_ARRIVAL_QTY || "0"),
+      }));
+      setParts(partRows);
+
+      const existing: Arrival[] = (json.arrivalList || []).map((a: Record<string, unknown>) => ({
+        OBJID: String(a.OBJID || ""),
+        ORDER_PART_OBJID: String(a.ORDER_PART_OBJID || ""),
+        PART_OBJID: String(a.PART_OBJID || ""),
+        GROUP_SEQ: String(a.GROUP_SEQ || "1"),
+        SEQ: String(a.SEQ || "1"),
+        ARRIVAL_QTY: String(a.ARRIVAL_QTY || "0"),
+        ARRIVAL_PLAN_DATE: String(a.ARRIVAL_PLAN_DATE || ""),
+        RECEIPT_QTY: String(a.RECEIPT_QTY || "0"),
+        RECEIPT_INV_QTY: String(a.RECEIPT_QTY || "0"),
+        RECEIPT_DATE: String(a.RECEIPT_DATE || ""),
+        LOCATION: String(a.LOCATION || ""),
+        SUB_LOCATION: String(a.SUB_LOCATION || ""),
+        INVENTORY_STATUS: String(a.INVENTORY_STATUS || ""),
+        INVOICE_OBJID: String(a.INVOICE_OBJID || ""),
+      }));
+
+      // 기존 arrival이 없으면 1차를 파트별로 자동 생성 (미입고수량을 ARRIVAL_QTY/RECEIPT_QTY 기본값)
+      if (existing.length === 0 && partRows.length > 0) {
+        setArrivals(
+          partRows.map((p, i) => ({
+            OBJID: "",
+            ORDER_PART_OBJID: p.ORDER_PART_OBJID,
+            PART_OBJID: p.PART_OBJID,
+            GROUP_SEQ: "1",
+            SEQ: String(i + 1),
+            ARRIVAL_QTY: p.NON_ARRIVAL_QTY,
+            ARRIVAL_PLAN_DATE: String(json.info?.DELIVERY_DATE || ""),
+            RECEIPT_QTY: p.NON_ARRIVAL_QTY,
+            RECEIPT_INV_QTY: "0",
+            RECEIPT_DATE: todayStr(),
+            LOCATION: "",
+            SUB_LOCATION: "",
+            INVENTORY_STATUS: "",
+            INVOICE_OBJID: "",
+          })),
+        );
+      } else {
+        setArrivals(existing);
+      }
+
+      setMultiMaster((json.multiMasterList || []) as Record<string, string>[]);
+    } finally {
+      setLoading(false);
+    }
+  }, [objId]);
+
+  // Location 공통코드 로드 (0000262)
+  useEffect(() => {
+    fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: "0000262" }),
+    })
+      .then((r) => r.json())
+      .then((d) => setLocationOptions(d.data || []))
+      .catch(() => {});
+  }, []);
+
+  useEffect(() => {
+    loadDetail();
+  }, [loadDetail]);
+
+  // 선택한 Location에 대한 SubLocation 캐시 로드
+  const loadSubLocation = useCallback(async (locationCode: string) => {
+    if (!locationCode || subLocationMap[locationCode]) return;
+    const res = await fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: locationCode }),
+    });
+    const d = await res.json();
+    setSubLocationMap((prev) => ({ ...prev, [locationCode]: d.data || [] }));
+  }, [subLocationMap]);
+
+  // arrivals에서 사용 중인 location들 SubLocation prefetch
+  useEffect(() => {
+    const uniq = new Set<string>();
+    arrivals.forEach((a) => { if (a.LOCATION) uniq.add(a.LOCATION); });
+    if (bulkLocation) uniq.add(bulkLocation);
+    uniq.forEach((loc) => { void loadSubLocation(loc); });
+  }, [arrivals, bulkLocation, loadSubLocation]);
+
+  // 파트별 × 차수별 arrivals 그룹핑
+  const groupSeqs = useMemo(() => {
+    const s = new Set<string>();
+    arrivals.forEach((a) => s.add(String(a.GROUP_SEQ)));
+    const sorted = Array.from(s).map(Number).sort((a, b) => a - b);
+    return (sorted.length > 0 ? sorted : [1]).map(String);
+  }, [arrivals]);
+
+  const arrivalByKey = useMemo(() => {
+    const m = new Map<string, Arrival>();
+    arrivals.forEach((a) => m.set(`${a.ORDER_PART_OBJID}-${a.GROUP_SEQ}`, a));
+    return m;
+  }, [arrivals]);
+
+  // 미입고수량 계산: REAL_ORDER_QTY - SUM(RECEIPT_QTY across groups)
+  const nonArrivalByPart = useMemo(() => {
+    const m = new Map<string, number>();
+    parts.forEach((p) => {
+      const order = Number(p.REAL_ORDER_QTY) || 0;
+      let delivered = 0;
+      arrivals.forEach((a) => {
+        if (a.ORDER_PART_OBJID === p.ORDER_PART_OBJID) {
+          delivered += Number(a.RECEIPT_QTY) || 0;
+        }
+      });
+      m.set(p.ORDER_PART_OBJID, order - delivered);
+    });
+    return m;
+  }, [parts, arrivals]);
+
+  // 차수 추가
+  const addArrivalGroup = () => {
+    if (parts.length === 0) return;
+    const nextSeqNum = Math.max(0, ...groupSeqs.map(Number)) + 1;
+    const maxSeq = Math.max(0, ...arrivals.map((a) => Number(a.SEQ) || 0));
+    setArrivals((prev) => [
+      ...prev,
+      ...parts.map((p, i) => {
+        const nonQty = String(nonArrivalByPart.get(p.ORDER_PART_OBJID) ?? 0);
+        return {
+          OBJID: "",
+          ORDER_PART_OBJID: p.ORDER_PART_OBJID,
+          PART_OBJID: p.PART_OBJID,
+          GROUP_SEQ: String(nextSeqNum),
+          SEQ: String(maxSeq + i + 1),
+          ARRIVAL_QTY: nonQty,
+          ARRIVAL_PLAN_DATE: todayStr(),
+          RECEIPT_QTY: nonQty,
+          RECEIPT_INV_QTY: "0",
+          RECEIPT_DATE: todayStr(),
+          LOCATION: "",
+          SUB_LOCATION: "",
+          INVENTORY_STATUS: "",
+          INVOICE_OBJID: "",
+        } as Arrival;
+      }),
+    ]);
+  };
+
+  // 차수 삭제 (마지막 차수)
+  const removeLastGroup = () => {
+    if (groupSeqs.length <= 1) {
+      Swal.fire("알림", "1차는 삭제할 수 없습니다.", "warning");
+      return;
+    }
+    const lastGroup = groupSeqs[groupSeqs.length - 1];
+    const hasCommitted = arrivals.some(
+      (a) => a.GROUP_SEQ === lastGroup && (a.INVENTORY_STATUS === "Y" || a.INVOICE_OBJID),
+    );
+    if (hasCommitted) {
+      Swal.fire("알림", "입고된 데이터는 삭제할 수 없습니다.", "warning");
+      return;
+    }
+    setArrivals((prev) => prev.filter((a) => a.GROUP_SEQ !== lastGroup));
+  };
+
+  // 필드 업데이트
+  const updateArrival = (partObjId: string, groupSeq: string, patch: Partial<Arrival>) => {
+    setArrivals((prev) =>
+      prev.map((a) =>
+        a.ORDER_PART_OBJID === partObjId && a.GROUP_SEQ === groupSeq ? { ...a, ...patch } : a,
+      ),
+    );
+  };
+
+  // 일괄 적용
+  const applyBulk = () => {
+    setArrivals((prev) =>
+      prev.map((a) => {
+        let next = a;
+        if (checkedLocGroups.has(a.GROUP_SEQ) && bulkLocation) {
+          next = { ...next, LOCATION: bulkLocation };
+        }
+        if (checkedSubGroups.has(a.GROUP_SEQ) && bulkSubLocation) {
+          next = { ...next, SUB_LOCATION: bulkSubLocation };
+        }
+        return next;
+      }),
+    );
+  };
+
+  // 저장 유효성 검사
+  const validate = (): string | null => {
+    for (const a of arrivals) {
+      const rq = Number(a.RECEIPT_QTY) || 0;
+      const rInv = Number(a.RECEIPT_INV_QTY) || 0;
+      if (rInv > rq) return "입고수량이 기입고수량보다 작을 수 없습니다.";
+      if (rq > 0 && !a.RECEIPT_DATE) return "입력된 입고일자가 없습니다.";
+    }
+    for (const p of parts) {
+      const non = nonArrivalByPart.get(p.ORDER_PART_OBJID) ?? 0;
+      if (non < 0) return "입고수량이 발주수량보다 큽니다.";
+    }
+    return null;
+  };
+
+  const handleSave = async () => {
+    const err = validate();
+    if (err) {
+      Swal.fire("알림", err, "warning");
+      return;
+    }
+    const confirm = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "저장",
+      cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      // items: DETAIL_GROUP = 파트 인덱스(1-based)
+      const partIdxByObj = new Map(parts.map((p, i) => [p.ORDER_PART_OBJID, i + 1]));
+      const items = arrivals.map((a) => ({
+        OBJID: a.OBJID,
+        GROUP_SEQ: a.GROUP_SEQ,
+        SEQ: a.SEQ,
+        DETAIL_GROUP: partIdxByObj.get(a.ORDER_PART_OBJID) || 1,
+        ARRIVAL_QTY: a.ARRIVAL_QTY,
+        ARRIVAL_PLAN_DATE: a.ARRIVAL_PLAN_DATE,
+        RECEIPT_QTY: a.RECEIPT_QTY,
+        RECEIPT_INV_QTY: a.RECEIPT_INV_QTY,
+        RECEIPT_DATE: a.RECEIPT_DATE,
+        LOCATION: a.LOCATION,
+        SUB_LOCATION: a.SUB_LOCATION,
+        INVENTORY_STATUS: a.INVENTORY_STATUS,
+      }));
+
+      const payload = {
+        ORDER_OBJID: objId,
+        PARENT_OBJID: objId,
+        TYPE: info.TYPE,
+        MULTI_YN: info.MULTI_YN,
+        CONTRACT_MGMT_OBJID: info.CONTRACT_MGMT_OBJID,
+        UNIT_CODE: info.UNIT_CODE,
+        parts: parts.map((p) => ({
+          ORDER_PART_OBJID: p.ORDER_PART_OBJID,
+          PART_OBJID: p.PART_OBJID,
+          LD_PART_OBJID: p.LD_PART_OBJID,
+          ORDER_QTY: p.REAL_ORDER_QTY,
+          REAL_ORDER_QTY: p.REAL_ORDER_QTY,
+        })),
+        items,
+      };
+
+      const res = await fetch("/api/delivery/acceptance/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "저장되었습니다.",
+          timer: 1200,
+          showConfirmButton: false,
+        });
+        if (window.opener) {
+          try { (window.opener as Window).location.reload(); } catch { /* ignore */ }
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const toggleLocCheck = (g: string) => {
+    setCheckedLocGroups((prev) => {
+      const next = new Set(prev);
+      if (next.has(g)) next.delete(g); else next.add(g);
+      return next;
+    });
+  };
+  const toggleSubCheck = (g: string) => {
+    setCheckedSubGroups((prev) => {
+      const next = new Set(prev);
+      if (next.has(g)) next.delete(g); else next.add(g);
+      return next;
+    });
+  };
+
+  if (loading) {
+    return <div className="p-8 text-center text-gray-400">로딩 중...</div>;
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50">
+      <div className="sticky top-0 z-10 bg-white border-b shadow-sm px-6 py-3 flex items-center justify-between">
+        <h1 className="text-lg font-bold text-gray-800">
+          입고결과등록 <span className="text-gray-400 text-sm ml-2">Inspection Sheet</span>
+        </h1>
+        <div className="flex gap-2">
+          {!isView && (
+            <>
+              <Button size="sm" variant="secondary" onClick={addArrivalGroup}>차수 추가</Button>
+              <Button size="sm" variant="secondary" onClick={removeLastGroup}>차수 삭제</Button>
+              <Button size="sm" onClick={handleSave} disabled={saving}>
+                {saving ? "저장 중..." : "저장"}
+              </Button>
+            </>
+          )}
+          <Button size="sm" variant="ghost" onClick={() => window.close()}>닫기</Button>
+        </div>
+      </div>
+
+      <div className="p-6 space-y-6">
+        {/* 발주 기본 정보 카드 */}
+        <section className="bg-white rounded-lg border shadow-sm p-3">
+          <div className="grid grid-cols-4 gap-x-4 gap-y-1.5 text-xs">
+            <Field label="발주번호" value={info.PURCHASE_ORDER_NO} />
+            <Field label="발주부품" value={info.TYPE_NAME} />
+            <Field label="프로젝트번호" value={info.PROJECT_NO} />
+            <Field label="유닛명" value={info.UNIT_NAME} />
+            <Field label="발주구분" value={info.ORDER_TYPE_CD_NAME} />
+            <Field label="납품장소" value={info.DELIVERY_PLACE_NAME} />
+            <Field label="검수방법" value={info.INSPECT_METHOD_NAME} />
+            <Field label="결제조건" value={info.PAYMENT_TERMS_NAME} />
+            <Field label="입고요청일" value={info.DELIVERY_DATE} />
+            <Field label="제목" value={info.TITLE} span={3} />
+            <Field label="합계금액(원)" value={info.TOTAL_PRICE_TXT || "-"} span={4} />
+          </div>
+
+          <div className="mt-2 grid grid-cols-2 gap-2">
+            <div className="border rounded px-2.5 py-1.5 bg-gray-50">
+              <div className="text-[10px] font-bold text-gray-500 mb-1">발주처 (당사)</div>
+              <div className="text-xs grid grid-cols-[60px_1fr] gap-y-0.5">
+                <span className="text-gray-500">회사명</span><span>{process.env.NEXT_PUBLIC_COMPANY_NAME || "(주)피토"}</span>
+                <span className="text-gray-500">담당자</span><span>{info.SALES_MNG_USER || "-"}</span>
+                <span className="text-gray-500">HP</span><span>{info.SALES_MNG_USER_CELL_PHONE || "-"}</span>
+              </div>
+            </div>
+            <div className="border rounded px-2.5 py-1.5 bg-gray-50">
+              <div className="text-[10px] font-bold text-gray-500 mb-1">공급처</div>
+              <div className="text-xs grid grid-cols-[60px_1fr] gap-y-0.5">
+                <span className="text-gray-500">회사명</span><span>{info.PARTNER_NAME || "-"}</span>
+                <span className="text-gray-500">사업자번호</span><span>{info.SUPPLY_BUS_NO || "-"}</span>
+                <span className="text-gray-500">담당자</span><span>{info.SUPPLY_USER_NAME || "-"}</span>
+                <span className="text-gray-500">HP</span><span>{info.SUPPLY_USER_HP || "-"}</span>
+                <span className="text-gray-500">E-MAIL</span><span>{info.SUPPLY_USER_EMAIL || "-"}</span>
+                <span className="text-gray-500">주소</span><span className="truncate" title={info.SUPPLY_ADDR}>{info.SUPPLY_ADDR || "-"}</span>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        {/* 일괄 적용 패널 */}
+        {!isView && (
+          <section className="bg-white rounded-lg border shadow-sm p-4 flex flex-wrap items-center gap-3 text-sm">
+            <span className="font-bold text-red-600">미입고</span>
+            <span className="text-gray-400">|</span>
+            <span className="text-gray-500">Location</span>
+            <select
+              value={bulkLocation}
+              onChange={(e) => setBulkLocation(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm min-w-[140px]"
+            >
+              <option value="">선택</option>
+              {locationOptions.map((o) => (
+                <option key={o.CODE_ID} value={o.CODE_ID}>{o.CODE_NAME}</option>
+              ))}
+            </select>
+            <span className="text-gray-500">SubLocation</span>
+            <select
+              value={bulkSubLocation}
+              onChange={(e) => setBulkSubLocation(e.target.value)}
+              className="h-9 rounded border border-gray-300 bg-white px-2 text-sm min-w-[140px]"
+            >
+              <option value="">선택</option>
+              {(subLocationMap[bulkLocation] || []).map((o) => (
+                <option key={o.CODE_ID} value={o.CODE_ID}>{o.CODE_NAME}</option>
+              ))}
+            </select>
+            <Button size="sm" variant="secondary" onClick={applyBulk}>
+              선택 차수에 일괄 적용
+            </Button>
+            <span className="text-xs text-gray-400 ml-auto">
+              차수 헤더의 체크박스로 적용 대상을 선택하세요
+            </span>
+          </section>
+        )}
+
+        {/* 파트 × 차수별 입고 테이블 */}
+        <section className="bg-white rounded-lg border shadow-sm overflow-hidden">
+          <div
+            className="overflow-auto"
+            style={{ maxHeight: "calc(100vh - 420px)", scrollbarGutter: "stable" }}
+          >
+            <table className="text-xs border-collapse" style={{ width: "max-content", minWidth: "100%" }}>
+              <colgroup>
+                <col style={{ width: 110 }} />
+                <col style={{ width: 150 }} />
+                <col style={{ width: 120 }} />
+                <col style={{ width: 90 }} />
+                <col style={{ width: 60 }} />
+                <col style={{ width: 80 }} />
+                <col style={{ width: 110 }} />
+                {groupSeqs.map((g) => (
+                  <ArrivalColGroup key={g} />
+                ))}
+                <col style={{ width: 95 }} />
+              </colgroup>
+              <thead className="sticky top-0 z-20">
+                <tr className="bg-gray-100 border-b">
+                  <th
+                    colSpan={7}
+                    className="p-2 text-center font-bold border-r whitespace-nowrap bg-gray-100 sticky left-0 z-30"
+                    style={{ boxShadow: "2px 0 0 0 rgb(229 231 235)" }}
+                  >
+                    발주품목
+                  </th>
+                  {groupSeqs.map((g) => (
+                    <th key={g} colSpan={6} className="p-2 text-center font-bold border-r bg-blue-50 whitespace-nowrap">
+                      <div className="flex items-center justify-center gap-2">
+                        <span>{g}차</span>
+                        {!isView && (
+                          <>
+                            <label className="inline-flex items-center gap-1 text-[11px] font-normal">
+                              <input
+                                type="checkbox"
+                                checked={checkedLocGroups.has(g)}
+                                onChange={() => toggleLocCheck(g)}
+                              />
+                              Loc
+                            </label>
+                            <label className="inline-flex items-center gap-1 text-[11px] font-normal">
+                              <input
+                                type="checkbox"
+                                checked={checkedSubGroups.has(g)}
+                                onChange={() => toggleSubCheck(g)}
+                              />
+                              Sub
+                            </label>
+                          </>
+                        )}
+                      </div>
+                    </th>
+                  ))}
+                  <th
+                    rowSpan={2}
+                    className="p-2 text-center font-bold bg-red-50 whitespace-nowrap sticky right-0 z-30"
+                    style={{ boxShadow: "-2px 0 0 0 rgb(229 231 235)" }}
+                  >
+                    미입고수량
+                  </th>
+                </tr>
+                <tr className="bg-gray-50 border-b text-center">
+                  {PART_COL_LEFTS.map((left, i) => (
+                    <th
+                      key={i}
+                      className="p-2 border-r whitespace-nowrap bg-gray-50 sticky z-20"
+                      style={{
+                        left,
+                        boxShadow: i === PART_COL_LEFTS.length - 1 ? "2px 0 0 0 rgb(229 231 235)" : undefined,
+                      }}
+                    >
+                      {PART_COL_LABELS[i]}
+                    </th>
+                  ))}
+                  {groupSeqs.map((g) => (
+                    <ArrivalSubHeader key={g} />
+                  ))}
+                </tr>
+              </thead>
+              <tbody>
+                {parts.length === 0 && (
+                  <tr>
+                    <td colSpan={7 + groupSeqs.length * 6 + 1} className="p-4 text-center text-gray-400">
+                      발주 파트가 없습니다.
+                    </td>
+                  </tr>
+                )}
+                {parts.map((p) => {
+                  const nonQty = nonArrivalByPart.get(p.ORDER_PART_OBJID) ?? 0;
+                  const stickyCls = "p-2 border-r bg-white sticky z-10";
+                  const lastStickyShadow = { boxShadow: "2px 0 0 0 rgb(229 231 235)" };
+                  return (
+                    <tr key={p.ORDER_PART_OBJID} className="border-b">
+                      <td className={stickyCls} style={{ left: PART_COL_LEFTS[0] }}>{p.PART_NO}</td>
+                      <td className={stickyCls} style={{ left: PART_COL_LEFTS[1] }}>{p.PART_NAME}</td>
+                      <td className={stickyCls} style={{ left: PART_COL_LEFTS[2] }}>{p.SPEC}</td>
+                      <td className={stickyCls} style={{ left: PART_COL_LEFTS[3] }}>{p.MAKER}</td>
+                      <td className={`${stickyCls} text-center`} style={{ left: PART_COL_LEFTS[4] }}>{p.UNIT_TITLE}</td>
+                      <td className={`${stickyCls} text-right`} style={{ left: PART_COL_LEFTS[5] }}>{numberWithCommas(p.REAL_ORDER_QTY)}</td>
+                      <td className={`${stickyCls} text-center`} style={{ left: PART_COL_LEFTS[6], ...lastStickyShadow }}>{p.POM_DELIVERY_DATE}</td>
+                      {groupSeqs.map((g) => {
+                        const key = `${p.ORDER_PART_OBJID}-${g}`;
+                        const a = arrivalByKey.get(key);
+                        if (!a) {
+                          return Array.from({ length: 6 }).map((_, i) => (
+                            <td key={`${key}-${i}`} className="p-1 border-r text-gray-300 text-center">-</td>
+                          ));
+                        }
+                        const readOnly = isView || a.INVENTORY_STATUS === "Y" || !!a.INVOICE_OBJID;
+                        const subs = subLocationMap[a.LOCATION] || [];
+                        return (
+                          <ArrivalCells
+                            key={key}
+                            a={a}
+                            readOnly={readOnly}
+                            locationOptions={locationOptions}
+                            subLocationOptions={subs}
+                            onChange={(patch) => {
+                              // LOCATION 변경 시 SUB 초기화 + prefetch
+                              if (patch.LOCATION !== undefined && patch.LOCATION !== a.LOCATION) {
+                                patch.SUB_LOCATION = "";
+                                void loadSubLocation(patch.LOCATION);
+                              }
+                              updateArrival(p.ORDER_PART_OBJID, g, patch);
+                            }}
+                          />
+                        );
+                      })}
+                      <td
+                        className="p-2 text-right font-bold tabular-nums bg-white sticky right-0 z-10"
+                        style={{
+                          color: nonQty < 0 ? "#dc2626" : nonQty === 0 ? "#059669" : undefined,
+                          boxShadow: "-2px 0 0 0 rgb(229 231 235)",
+                        }}
+                      >
+                        {numberWithCommas(nonQty)}
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+        </section>
+
+        {/* 동시발주 정보 */}
+        {multiMaster.length > 0 && (
+          <section className="bg-white rounded-lg border shadow-sm p-4">
+            <div className="text-sm font-bold text-gray-600 mb-2">동시적용 프로젝트번호</div>
+            <div className="flex flex-wrap gap-2">
+              {multiMaster.map((m, i) => (
+                <div key={i} className="px-3 py-1.5 border rounded bg-blue-50 text-xs">
+                  <span className="font-bold">{String(m.CONTRACT_NO || "-")}</span>
+                  <span className="text-gray-500 ml-2">
+                    수량 {numberWithCommas(m.DELIVERY_PLAN_QTY || "0")}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </section>
+        )}
+
+        {/* 작업지시사항 */}
+        {info.REMARK && (
+          <section className="bg-white rounded-lg border shadow-sm p-4">
+            <div className="text-sm font-bold text-gray-600 mb-2">작업지시사항</div>
+            <pre className="text-sm text-gray-700 whitespace-pre-wrap font-sans">{info.REMARK}</pre>
+          </section>
+        )}
+
+        <div className="text-right text-xs text-red-700 font-medium">
+          ★거래명세서 자동생성은 발주서 기준으로 입고수량 대비 정품수량 동일시 구매팀 확인 후 자동생성됩니다.
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function Field({ label, value, span }: { label: string; value?: string; span?: number }) {
+  const colSpan = span === 2 ? "col-span-2" : span === 3 ? "col-span-3" : span === 4 ? "col-span-4" : "";
+  return (
+    <div className={colSpan}>
+      <div className="text-[10px] font-medium text-gray-500 leading-tight">{label}</div>
+      <div className="text-xs text-gray-800 truncate leading-tight" title={value}>{value || "-"}</div>
+    </div>
+  );
+}
+
+function ArrivalSubHeader() {
+  return (
+    <>
+      <th className="p-2 border-r whitespace-nowrap">입고예정수량</th>
+      <th className="p-2 border-r whitespace-nowrap">입고예정일</th>
+      <th className="p-2 border-r whitespace-nowrap">입고일</th>
+      <th className="p-2 border-r whitespace-nowrap">Location</th>
+      <th className="p-2 border-r whitespace-nowrap">SubLocation</th>
+      <th className="p-2 border-r whitespace-nowrap">입고수량</th>
+    </>
+  );
+}
+
+function ArrivalColGroup() {
+  return (
+    <>
+      <col style={{ width: 95 }} />
+      <col style={{ width: 135 }} />
+      <col style={{ width: 135 }} />
+      <col style={{ width: 110 }} />
+      <col style={{ width: 110 }} />
+      <col style={{ width: 95 }} />
+    </>
+  );
+}
+
+function ArrivalCells({
+  a, readOnly, locationOptions, subLocationOptions, onChange,
+}: {
+  a: Arrival;
+  readOnly: boolean;
+  locationOptions: CodeRow[];
+  subLocationOptions: CodeRow[];
+  onChange: (patch: Partial<Arrival>) => void;
+}) {
+  const inputCls = "w-full h-7 px-1 border border-gray-300 rounded text-xs text-center";
+  return (
+    <>
+      <td className="p-1 border-r">
+        <input
+          type="number" value={a.ARRIVAL_QTY} readOnly={readOnly}
+          onChange={(e) => onChange({ ARRIVAL_QTY: e.target.value })}
+          className={inputCls}
+        />
+      </td>
+      <td className="p-1 border-r">
+        <input
+          type="date" value={a.ARRIVAL_PLAN_DATE} readOnly={readOnly}
+          onChange={(e) => onChange({ ARRIVAL_PLAN_DATE: e.target.value })}
+          className={inputCls}
+        />
+      </td>
+      <td className="p-1 border-r">
+        <input
+          type="date" value={a.RECEIPT_DATE} readOnly={readOnly}
+          onChange={(e) => onChange({ RECEIPT_DATE: e.target.value })}
+          className={inputCls}
+        />
+      </td>
+      <td className="p-1 border-r">
+        <select
+          value={a.LOCATION} disabled={readOnly}
+          onChange={(e) => onChange({ LOCATION: e.target.value })}
+          className={inputCls}
+        >
+          <option value="">선택</option>
+          {locationOptions.map((o) => (
+            <option key={o.CODE_ID} value={o.CODE_ID}>{o.CODE_NAME}</option>
+          ))}
+        </select>
+      </td>
+      <td className="p-1 border-r">
+        <select
+          value={a.SUB_LOCATION} disabled={readOnly || !a.LOCATION}
+          onChange={(e) => onChange({ SUB_LOCATION: e.target.value })}
+          className={inputCls}
+        >
+          <option value="">선택</option>
+          {subLocationOptions.map((o) => (
+            <option key={o.CODE_ID} value={o.CODE_ID}>{o.CODE_NAME}</option>
+          ))}
+        </select>
+      </td>
+      <td className="p-1 border-r">
+        <input
+          type="number" value={a.RECEIPT_QTY} readOnly={readOnly}
+          onChange={(e) => onChange({ RECEIPT_QTY: e.target.value })}
+          className={`${inputCls} ${a.INVENTORY_STATUS !== "Y" && !readOnly ? "text-red-600 font-semibold" : ""}`}
+        />
+      </td>
+    </>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <AcceptanceForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/delivery/defect/form/page.tsx b/src/app/delivery/defect/form/page.tsx
new file mode 100644
index 0000000..34340f7
--- /dev/null
+++ b/src/app/delivery/defect/form/page.tsx
@@ -0,0 +1,120 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function DeliveryDefectForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const purchaseOrderNo = searchParams.get("purchaseOrderNo");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (purchaseOrderNo) {
+      setForm((p) => ({ ...p, purchase_order_no: purchaseOrderNo }));
+    }
+  }, [purchaseOrderNo]);
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/delivery/defect/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.defect_qty) {
+      Swal.fire("알림", "부적합수량을 입력하세요.", "warning");
+      return;
+    }
+    if (!form.defect_content) {
+      Swal.fire("알림", "부적합내용을 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/delivery/defect/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "부적합 등록" : "부적합 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="발주번호">
+          <Input value={form.purchase_order_no || ""} readOnly className="bg-gray-50" />
+        </FormField>
+        <FormField label="부품명">
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} />
+        </FormField>
+        <FormField label="부적합수량" required>
+          <Input type="number" value={form.defect_qty || ""} onChange={(e) => set("defect_qty", e.target.value)} />
+        </FormField>
+        <FormField label="원인">
+          <Input value={form.defect_reason || ""} onChange={(e) => set("defect_reason", e.target.value)} />
+        </FormField>
+        <FormField label="부적합내용" required span={2}>
+          <Input value={form.defect_content || ""} onChange={(e) => set("defect_content", e.target.value)} />
+        </FormField>
+        <FormField label="조치내용" span={2}>
+          <Input value={form.defect_action || ""} onChange={(e) => set("defect_action", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <DeliveryDefectForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/fund/expense-form/form/page.tsx b/src/app/fund/expense-form/form/page.tsx
new file mode 100644
index 0000000..d6bb23e
--- /dev/null
+++ b/src/app/fund/expense-form/form/page.tsx
@@ -0,0 +1,120 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function ExpenseForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/fund/expense-form/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.bus_title) {
+      Swal.fire("알림", "출장제목을 입력하세요.", "warning");
+      return;
+    }
+    if (!form.bns_start_date) {
+      Swal.fire("알림", "출장시작일을 입력하세요.", "warning");
+      return;
+    }
+    if (!form.bns_end_date) {
+      Swal.fire("알림", "출장종료일을 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/fund/expense-form/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "경비신청서 등록" : "경비신청서 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="출장제목" required span={2}>
+          <Input value={form.bus_title || ""} onChange={(e) => set("bus_title", e.target.value)} />
+        </FormField>
+        <FormField label="출장시작일" required>
+          <Input type="date" value={form.bns_start_date || ""} onChange={(e) => set("bns_start_date", e.target.value)} />
+        </FormField>
+        <FormField label="출장종료일" required>
+          <Input type="date" value={form.bns_end_date || ""} onChange={(e) => set("bns_end_date", e.target.value)} />
+        </FormField>
+        <FormField label="출장지역">
+          <Input value={form.exp_area_cd || ""} onChange={(e) => set("exp_area_cd", e.target.value)} />
+        </FormField>
+        <FormField label="금액">
+          <Input type="text" value={form.amount_payment || ""} onChange={(e) => set("amount_payment", e.target.value)} />
+        </FormField>
+        <FormField label="출장목적" span={2}>
+          <Input value={form.bus_content || ""} onChange={(e) => set("bus_content", e.target.value)} />
+        </FormField>
+        <FormField label="사유" span={2}>
+          <Input value={form.reason || ""} onChange={(e) => set("reason", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ExpenseForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/fund/invoice/form/page.tsx b/src/app/fund/invoice/form/page.tsx
new file mode 100644
index 0000000..66891cf
--- /dev/null
+++ b/src/app/fund/invoice/form/page.tsx
@@ -0,0 +1,112 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function InvoiceForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/fund/invoice/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.invoice_no) {
+      Swal.fire("알림", "명세서번호를 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/fund/invoice/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "거래명세서 등록" : "거래명세서 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="명세서번호" required>
+          <Input value={form.invoice_no || ""} onChange={(e) => set("invoice_no", e.target.value)} />
+        </FormField>
+        <FormField label="거래일자">
+          <Input type="date" value={form.invoice_date || ""} onChange={(e) => set("invoice_date", e.target.value)} />
+        </FormField>
+        <FormField label="거래처">
+          <Input value={form.customer_name || ""} onChange={(e) => set("customer_name", e.target.value)} />
+        </FormField>
+        <FormField label="공급가액">
+          <Input type="text" value={form.supply_amount || ""} onChange={(e) => set("supply_amount", e.target.value)} />
+        </FormField>
+        <FormField label="세액">
+          <Input type="text" value={form.tax_amount || ""} onChange={(e) => set("tax_amount", e.target.value)} />
+        </FormField>
+        <FormField label="합계금액">
+          <Input type="text" value={form.total_amount || ""} onChange={(e) => set("total_amount", e.target.value)} />
+        </FormField>
+        <FormField label="비고" span={2}>
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <InvoiceForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..92bd4aa
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,85 @@
+@import "tailwindcss";
+
+/* modern-override.css 테마 시스템 대응 */
+:root {
+  /* Sage 테마 (기본) */
+  --color-primary: #4a6350;
+  --color-primary-hover: #3d5444;
+  --color-header-bg: #2a2a2a;
+  --color-sidebar-bg: #1e2432;
+  --color-background: #f7f5f2;
+  --color-foreground: #2a2a2a;
+  --color-border: #d8d3cb;
+  --color-muted: #6b6560;
+}
+
+[data-theme="blue"] {
+  --color-primary: #1C90FB;
+  --color-primary-hover: #0d7ae0;
+  --color-header-bg: #1a2332;
+  --color-sidebar-bg: #1e2432;
+  --color-background: #f4f6f9;
+  --color-foreground: #1a2332;
+  --color-border: #d0d5dd;
+  --color-muted: #64748b;
+}
+
+@theme inline {
+  --color-primary: var(--color-primary);
+  --color-background: var(--color-background);
+  --color-foreground: var(--color-foreground);
+  --font-sans: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
+}
+
+body {
+  background: var(--color-background);
+  color: var(--color-foreground);
+  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
+  font-size: 13px;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* Pretendard 폰트 */
+@font-face {
+  font-family: 'Pretendard';
+  src: url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
+}
+
+/* 스크롤바 스타일 (sidebar 스크롤바 대응) */
+.scrollbar-thin::-webkit-scrollbar { width: 4px; }
+.scrollbar-thin::-webkit-scrollbar-track { background: transparent; }
+.scrollbar-thin::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.1); border-radius: 2px; }
+
+/* (main) 레이아웃 하단 여백 통일: main 직속 단일 루트 요소를 flex-column으로 만들어
+   내부 DataGrid(height 미지정 시 flex-1)가 남는 공간을 자동으로 채우도록 한다.
+   모든 (main) 페이지는 return 루트를 <div> 혹은 <section> 하나로 감싸므로 이 규칙으로 충분. */
+main > div:only-child,
+main > section:only-child {
+  display: flex;
+  flex-direction: column;
+  min-height: 0;
+  flex: 1 1 auto;
+}
+
+/* 발주서 인쇄용: .no-print 클래스가 붙은 요소는 인쇄에서 제외 */
+@media print {
+  .no-print {
+    display: none !important;
+  }
+  body {
+    background: #fff !important;
+  }
+  /* 팝업 인쇄 시 레이아웃 확장 */
+  main {
+    overflow: visible !important;
+    padding: 0 !important;
+  }
+  /* 그리드 스크롤 제거 — 모든 행이 인쇄되도록 */
+  [style*="max-height"],
+  [style*="maxHeight"] {
+    max-height: none !important;
+  }
+  .overflow-auto {
+    overflow: visible !important;
+  }
+}
diff --git a/src/app/icon.svg b/src/app/icon.svg
new file mode 100644
index 0000000..ee9a42b
--- /dev/null
+++ b/src/app/icon.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <defs>
+    <linearGradient id="fg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#2E8B57"/>
+      <stop offset="100%" stop-color="#3CB371"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="14" fill="url(#fg)"/>
+  <g fill="#ffffff">
+    <text x="32" y="40" font-family="sans-serif" font-size="18" font-weight="900" text-anchor="middle" letter-spacing="-0.5">MOMO</text>
+  </g>
+</svg>
diff --git a/src/app/inventory/input-form/page.tsx b/src/app/inventory/input-form/page.tsx
new file mode 100644
index 0000000..2c4af04
--- /dev/null
+++ b/src/app/inventory/input-form/page.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { useState, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function InventoryInputForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const handleSave = async () => {
+    if (!form.input_qty) { Swal.fire("알림", "입고수량을 입력하세요.", "warning"); return; }
+    if (!form.input_date) { Swal.fire("알림", "입고일을 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/input/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">자재투입 등록</h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="프로젝트번호">
+          <Input value={form.project_no || ""} onChange={(e) => set("project_no", e.target.value)} />
+        </FormField>
+        <FormField label="품번">
+          <Input value={form.part_no || ""} onChange={(e) => set("part_no", e.target.value)} />
+        </FormField>
+        <FormField label="품명">
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} />
+        </FormField>
+        <FormField label="입고수량" required>
+          <Input type="number" value={form.input_qty || ""} onChange={(e) => set("input_qty", e.target.value)} />
+        </FormField>
+        <FormField label="입고일" required>
+          <Input type="date" value={form.input_date || ""} onChange={(e) => set("input_date", e.target.value)} />
+        </FormField>
+        <FormField label="비고">
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <InventoryInputForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/inventory/list/form/page.tsx b/src/app/inventory/list/form/page.tsx
new file mode 100644
index 0000000..f8d2280
--- /dev/null
+++ b/src/app/inventory/list/form/page.tsx
@@ -0,0 +1,459 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+// 자재등록 (원본 /inventoryMng/inventoryFormPopUp.do)
+function InventoryForm() {
+  const [form, setForm] = useState<Record<string, string>>({
+    project_no: "",
+    unit: "",
+    part_no: "",
+    part_name: "",
+    material: "",
+    spec: "",
+    part_type: "",
+    qty: "",
+    form_no: "",
+    maker: "",
+    material_code: "",
+    supply_objid: "",
+    price: "",
+    cls_cd: "",
+    cau_cd: "",
+    location: "",
+    sub_location: "",
+  });
+  const [projectOptions, setProjectOptions] = useState<{ value: string; label: string }[]>([]);
+  const [unitOptions, setUnitOptions] = useState<{ value: string; label: string }[]>([]);
+  const [partOptions, setPartOptions] = useState<
+    { value: string; label: string; part_name: string; spec: string; material: string; part_type: string; maker: string }[]
+  >([]);
+  const [supplyOptions, setSupplyOptions] = useState<{ value: string; label: string }[]>([]);
+  const [subLocationOptions, setSubLocationOptions] = useState<{ value: string; label: string }[]>([]);
+
+  const [loading, setLoading] = useState(false);
+
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  // 프로젝트 + 공급업체 옵션 로드
+  useEffect(() => {
+    // BOM 등록된 프로젝트만 불러오는 common.getPartBomProjectNameList2는 구현 시 사용 가능
+    // 여기서는 일반 프로젝트 리스트 사용 (이후 필요시 교체)
+    fetch("/api/common/project-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setProjectOptions(
+          list.map((r) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.LABEL || r.PROJECT_NO || ""),
+          })),
+        );
+      })
+      .catch(() => setProjectOptions([]));
+
+    fetch("/api/common/supply-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setSupplyOptions(
+          list.map((r) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.SUPPLY_NAME || ""),
+          })),
+        );
+      })
+      .catch(() => setSupplyOptions([]));
+  }, []);
+
+  // 프로젝트 변경 → 유닛 로드 + 파트 리셋
+  const loadUnits = useCallback((projectNo: string) => {
+    if (!projectNo) {
+      setUnitOptions([]);
+      return;
+    }
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectNo }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setUnitOptions(
+          list.map((r) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.UNIT_NAME || ""),
+          })),
+        );
+      })
+      .catch(() => setUnitOptions([]));
+  }, []);
+
+  // 유닛 변경 → 파트 로드
+  const loadParts = useCallback((projectNo: string, unitCode: string) => {
+    if (!projectNo || !unitCode) {
+      setPartOptions([]);
+      return;
+    }
+    fetch("/api/common/bom-part-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectNo, unit_code: unitCode }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setPartOptions(
+          list.map((r) => ({
+            value: String(r.CODE || ""),
+            label: String(r.NAME || ""),
+            part_name: String(r.PART_NAME || ""),
+            spec: String(r.SPEC || ""),
+            material: String(r.MATERIAL || ""),
+            part_type: String(r.PART_TYPE || ""),
+            maker: String(r.MAKER || ""),
+          })),
+        );
+      })
+      .catch(() => setPartOptions([]));
+  }, []);
+
+  // location 변경 → sub_location 로드
+  const loadSubLocations = useCallback((loc: string) => {
+    if (!loc) {
+      setSubLocationOptions([]);
+      return;
+    }
+    fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: loc }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.data || []) as Array<Record<string, unknown>>;
+        setSubLocationOptions(
+          list.map((r) => ({
+            value: String(r.code_id || r.CODE_ID || ""),
+            label: String(r.code_name || r.CODE_NAME || ""),
+          })),
+        );
+      })
+      .catch(() => setSubLocationOptions([]));
+  }, []);
+
+  // 프로젝트 변경 핸들러
+  const onProjectChange = (v: string) => {
+    set("project_no", v);
+    set("unit", "");
+    set("part_no", "");
+    set("part_name", "");
+    set("spec", "");
+    set("material", "");
+    set("part_type", "");
+    set("maker", "");
+    setPartOptions([]);
+    loadUnits(v);
+  };
+
+  const onUnitChange = (v: string) => {
+    set("unit", v);
+    set("part_no", "");
+    set("part_name", "");
+    set("spec", "");
+    set("material", "");
+    set("part_type", "");
+    set("maker", "");
+    loadParts(form.project_no, v);
+  };
+
+  const onPartChange = (v: string) => {
+    set("part_no", v);
+    const p = partOptions.find((x) => x.value === v);
+    if (p) {
+      set("part_name", p.part_name);
+      set("spec", p.spec);
+      set("material", p.material);
+      set("part_type", p.part_type);
+      set("maker", p.maker);
+    }
+  };
+
+  const onLocationChange = (v: string) => {
+    set("location", v);
+    set("sub_location", "");
+    loadSubLocations(v);
+  };
+
+  const validate = () => {
+    if (!form.project_no) return "프로젝트번호를 선택해주세요.";
+    if (!form.unit) return "유닛명을 선택해주세요.";
+    if (!form.part_no) return "품번을 선택해주세요.";
+    if (!form.qty || Number(form.qty) <= 0) return "수량이 0보다 작습니다.";
+    if (!form.cls_cd) return "재고구분을 선택해주세요.";
+    if (!form.cau_cd) return "발생사유를 선택해주세요.";
+    if (!form.location) return "창고위치를 선택해주세요.";
+    if (!form.sub_location) return "SUB창고위치를 선택해주세요.";
+    return null;
+  };
+
+  const handleSave = async () => {
+    const err = validate();
+    if (err) {
+      Swal.fire(err);
+      return;
+    }
+    const confirmed = await Swal.fire({
+      title: "저장하시겠습니까?",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!confirmed.isConfirmed) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/list/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          ...form,
+          contract_objid: form.project_no,
+          part_objid: form.part_no,
+        }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        alert(data.message || "저장되었습니다.");
+        try {
+          if (window.opener && typeof (window.opener as { fn_search?: () => void }).fn_search === "function") {
+            (window.opener as { fn_search: () => void }).fn_search();
+          } else if (window.opener) {
+            window.opener.location.reload();
+          }
+        } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "오류가 발생하였습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">자재등록</h2>
+
+      {/* 기본 정보 */}
+      <table className="w-full text-sm border-collapse mb-4">
+        <colgroup>
+          <col className="w-[15%]" />
+          <col className="w-[35%]" />
+          <col className="w-[15%]" />
+          <col className="w-[35%]" />
+        </colgroup>
+        <tbody>
+          <Row>
+            <Th required>프로젝트번호</Th>
+            <Td>
+              <SearchableSelect
+                options={projectOptions}
+                value={form.project_no}
+                onChange={onProjectChange}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+            <Th required>유닛명</Th>
+            <Td>
+              <SearchableSelect
+                options={unitOptions}
+                value={form.unit}
+                onChange={onUnitChange}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+          </Row>
+          <Row>
+            <Th required>품번</Th>
+            <Td>
+              <SearchableSelect
+                options={partOptions.map((p) => ({ value: p.value, label: p.label }))}
+                value={form.part_no}
+                onChange={onPartChange}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+            <Th>품명</Th>
+            <Td>
+              <Input value={form.part_name} readOnly className="bg-gray-50" />
+            </Td>
+          </Row>
+          <Row>
+            <Th>재질</Th>
+            <Td>
+              <Input value={form.material} readOnly className="bg-gray-50" />
+            </Td>
+            <Th>사양(규격)</Th>
+            <Td>
+              <Input value={form.spec} readOnly className="bg-gray-50" />
+            </Td>
+          </Row>
+          <Row>
+            <Th>PART구분</Th>
+            <Td>
+              <Input value={form.part_type} readOnly className="bg-gray-50" />
+            </Td>
+            <Th required>수량</Th>
+            <Td>
+              <Input
+                type="number"
+                value={form.qty}
+                onChange={(e) => set("qty", e.target.value.replace(/[^0-9]/g, ""))}
+              />
+            </Td>
+          </Row>
+          <Row>
+            <Th>내자/외자</Th>
+            <Td>
+              <Input value={form.form_no} onChange={(e) => set("form_no", e.target.value)} />
+            </Td>
+            <Th>메이커</Th>
+            <Td>
+              <Input value={form.maker} onChange={(e) => set("maker", e.target.value)} />
+            </Td>
+          </Row>
+          <Row>
+            <Th>자재코드</Th>
+            <Td>
+              <Input value={form.material_code} onChange={(e) => set("material_code", e.target.value)} />
+            </Td>
+            <Th>공급업체</Th>
+            <Td>
+              <SearchableSelect
+                options={supplyOptions}
+                value={form.supply_objid}
+                onChange={(v) => set("supply_objid", v)}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+          </Row>
+          <Row>
+            <Th>단가</Th>
+            <Td>
+              <Input value={form.price} onChange={(e) => set("price", e.target.value)} />
+            </Td>
+            <Th></Th>
+            <Td></Td>
+          </Row>
+        </tbody>
+      </table>
+
+      {/* 위치/재고구분 */}
+      <table className="w-full text-sm border-collapse mb-4">
+        <colgroup>
+          <col className="w-[15%]" />
+          <col className="w-[35%]" />
+          <col className="w-[15%]" />
+          <col className="w-[35%]" />
+        </colgroup>
+        <tbody>
+          <Row>
+            <Th required>재고구분</Th>
+            <Td>
+              <SearchableCodeSelect
+                codeId="0001204"
+                value={form.cls_cd}
+                onChange={(v) => set("cls_cd", v)}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+            <Th required>발생사유</Th>
+            <Td>
+              <SearchableCodeSelect
+                codeId="0001207"
+                value={form.cau_cd}
+                onChange={(v) => set("cau_cd", v)}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+          </Row>
+          <Row>
+            <Th required>location</Th>
+            <Td>
+              <SearchableCodeSelect
+                codeId="0000262"
+                value={form.location}
+                onChange={onLocationChange}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+            <Th required>sub_location</Th>
+            <Td>
+              <SearchableSelect
+                options={subLocationOptions}
+                value={form.sub_location}
+                onChange={(v) => set("sub_location", v)}
+                placeholder="선택"
+                className="w-full"
+              />
+            </Td>
+          </Row>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+function Row({ children }: { children: React.ReactNode }) {
+  return <tr className="border-b border-gray-200">{children}</tr>;
+}
+function Th({ children, required }: { children?: React.ReactNode; required?: boolean }) {
+  return (
+    <th className="bg-gray-50 text-left px-3 py-2 text-xs font-medium text-gray-600 border-r border-gray-200">
+      {children} {required && <span className="text-red-500">*</span>}
+    </th>
+  );
+}
+function Td({ children }: { children?: React.ReactNode }) {
+  return <td className="px-3 py-1.5">{children}</td>;
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <InventoryForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/inventory/move/form/page.tsx b/src/app/inventory/move/form/page.tsx
new file mode 100644
index 0000000..e039162
--- /dev/null
+++ b/src/app/inventory/move/form/page.tsx
@@ -0,0 +1,318 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+import { numberWithCommas, getDate } from "@/lib/utils";
+import { useAuthStore } from "@/store/auth-store";
+
+// 자재이동 (원본 /inventoryMng/materialMoveFormPopUp.do)
+interface Line {
+  OBJID: string;
+  IN_OBJID: string;
+  PART_NO: string;
+  PART_NAME: string;
+  MATERIAL: string;
+  SPEC: string;
+  MAKER: string;
+  PART_TYPE_NAME: string;
+  WRITER_NAME: string;
+  USE_CNT: number;
+  LOCATION: string;
+  LOCATION_NAME: string;
+  SUB_LOCATION: string;
+  SUB_LOCATION_NAME: string;
+  MOVE_QTY: string;
+  MOVE_LOCATION: string;
+  MOVE_SUB_LOCATION: string;
+  MOVE_DATE: string;
+  MOVE_USER: string;
+}
+
+function MaterialMoveForm() {
+  const searchParams = useSearchParams();
+  const checkArr = searchParams.get("checkArr") || "";
+  const user = useAuthStore((s) => s.user);
+
+  const [lines, setLines] = useState<Line[]>([]);
+  const [userOptions, setUserOptions] = useState<{ value: string; label: string }[]>([]);
+  const [subLocOptions, setSubLocOptions] = useState<Record<string, { value: string; label: string }[]>>({});
+  const [loading, setLoading] = useState(false);
+
+  // 라인 로드
+  useEffect(() => {
+    if (!checkArr) return;
+    fetch("/api/inventory/request/parts", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ checkArr }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setLines(
+          list.map((r) => ({
+            OBJID: String(r.OBJID || ""),
+            IN_OBJID: String(r.IN_OBJID || ""),
+            PART_NO: String(r.PART_NO || ""),
+            PART_NAME: String(r.PART_NAME || ""),
+            MATERIAL: String(r.MATERIAL || ""),
+            SPEC: String(r.SPEC || ""),
+            MAKER: String(r.MAKER || ""),
+            PART_TYPE_NAME: String(r.PART_TYPE_NAME || ""),
+            WRITER_NAME: String(r.WRITER_NAME || ""),
+            USE_CNT: Number(r.USE_CNT || 0),
+            LOCATION: String(r.LOCATION || ""),
+            LOCATION_NAME: String(r.LOCATION_NAME || ""),
+            SUB_LOCATION: String(r.SUB_LOCATION || ""),
+            SUB_LOCATION_NAME: String(r.SUB_LOCATION_NAME || ""),
+            MOVE_QTY: "",
+            MOVE_LOCATION: "",
+            MOVE_SUB_LOCATION: "",
+            MOVE_DATE: getDate(),
+            MOVE_USER: "",
+          })),
+        );
+      })
+      .catch(() => setLines([]));
+
+    fetch("/api/admin/users", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setUserOptions(
+          list.map((r) => ({
+            value: String(r.USER_ID || ""),
+            label: String(r.USER_NAME || r.USER_ID || ""),
+          })),
+        );
+      })
+      .catch(() => setUserOptions([]));
+  }, [checkArr]);
+
+  const updateLine = (i: number, patch: Partial<Line>) => {
+    setLines((prev) => prev.map((l, idx) => (idx === i ? { ...l, ...patch } : l)));
+  };
+
+  const loadSubLoc = useCallback(async (locCode: string) => {
+    if (!locCode || subLocOptions[locCode]) return;
+    const res = await fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: locCode }),
+    });
+    const j = await res.json();
+    const list = (j.data || []) as Array<Record<string, unknown>>;
+    setSubLocOptions((prev) => ({
+      ...prev,
+      [locCode]: list.map((r) => ({
+        value: String(r.code_id || r.CODE_ID || ""),
+        label: String(r.code_name || r.CODE_NAME || ""),
+      })),
+    }));
+  }, [subLocOptions]);
+
+  const onMoveLocChange = (i: number, v: string) => {
+    updateLine(i, { MOVE_LOCATION: v, MOVE_SUB_LOCATION: "" });
+    loadSubLoc(v);
+  };
+
+  const handleSave = async () => {
+    // 검증
+    let totalMoveQty = 0;
+    for (const l of lines) {
+      const moveQty = Number(String(l.MOVE_QTY).replace(/,/g, "") || 0);
+      totalMoveQty += moveQty;
+      if (moveQty > 0) {
+        if (!l.MOVE_LOCATION) {
+          Swal.fire("입력된 Location이 없습니다.");
+          return;
+        }
+        if (!l.MOVE_DATE) {
+          Swal.fire("입력된 인계일이 없습니다.");
+          return;
+        }
+        if (!l.MOVE_USER) {
+          Swal.fire("입력된 인수자가 없습니다.");
+          return;
+        }
+        if (moveQty > Number(l.USE_CNT)) {
+          Swal.fire("이동수량이 보유수량을 초과합니다.");
+          return;
+        }
+      }
+    }
+    if (totalMoveQty === 0) {
+      Swal.fire("이동수량을 입력해주세요.");
+      return;
+    }
+    const confirmed = await Swal.fire({
+      title: "저장하시겠습니까?",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!confirmed.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/move/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          lines: lines
+            .filter((l) => Number(String(l.MOVE_QTY).replace(/,/g, "") || 0) > 0)
+            .map((l) => ({
+              IN_OBJID: l.IN_OBJID,
+              PARENT_OBJID: l.OBJID,
+              MOVE_QTY: String(l.MOVE_QTY).replace(/,/g, ""),
+              LOCATION: l.MOVE_LOCATION,
+              SUB_LOCATION: l.MOVE_SUB_LOCATION,
+              MOVE_DATE: l.MOVE_DATE,
+              MOVE_USER: l.MOVE_USER,
+            })),
+        }),
+      });
+      const data = await res.json();
+      alert(data.message || "저장되었습니다.");
+      try {
+        if (window.opener && typeof (window.opener as { fn_search?: () => void }).fn_search === "function") {
+          (window.opener as { fn_search: () => void }).fn_search();
+        } else if (window.opener) {
+          window.opener.location.reload();
+        }
+      } catch {}
+      window.close();
+    } catch {
+      Swal.fire("오류", "오류가 발생하였습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-2">
+        <h2 className="text-base font-bold">자재이동</h2>
+      </div>
+
+      <div className="border border-gray-300 overflow-x-auto">
+        <table className="w-full text-xs">
+          <thead className="bg-gray-100 text-center">
+            <tr>
+              <th className="border px-1 py-1.5">품번</th>
+              <th className="border px-1 py-1.5">품명</th>
+              <th className="border px-1 py-1.5">재질</th>
+              <th className="border px-1 py-1.5">사양(규격)</th>
+              <th className="border px-1 py-1.5">MAKER</th>
+              <th className="border px-1 py-1.5">PART구분</th>
+              <th className="border px-1 py-1.5">수입검사자</th>
+              <th className="border px-1 py-1.5">보유수량</th>
+              <th className="border px-1 py-1.5">Location</th>
+              <th className="border px-1 py-1.5">SubLocation</th>
+              <th className="border px-1 py-1.5 bg-blue-50">이동수량</th>
+              <th className="border px-1 py-1.5">이동Location</th>
+              <th className="border px-1 py-1.5">이동SubLocation</th>
+              <th className="border px-1 py-1.5">인계일</th>
+              <th className="border px-1 py-1.5">인계자</th>
+              <th className="border px-1 py-1.5">인수자</th>
+            </tr>
+          </thead>
+          <tbody>
+            {lines.length === 0 ? (
+              <tr>
+                <td colSpan={16} className="text-center py-4 text-gray-400">
+                  조회된 데이터가 없습니다.
+                </td>
+              </tr>
+            ) : (
+              lines.map((l, i) => (
+                <tr key={`${l.OBJID}-${l.IN_OBJID}-${i}`} className="border-b">
+                  <td className="border px-1 py-1">{l.PART_NO}</td>
+                  <td className="border px-1 py-1">{l.PART_NAME}</td>
+                  <td className="border px-1 py-1">{l.MATERIAL}</td>
+                  <td className="border px-1 py-1">{l.SPEC}</td>
+                  <td className="border px-1 py-1">{l.MAKER}</td>
+                  <td className="border px-1 py-1 text-center">{l.PART_TYPE_NAME}</td>
+                  <td className="border px-1 py-1 text-center">{l.WRITER_NAME}</td>
+                  <td className="border px-1 py-1 text-center">{numberWithCommas(l.USE_CNT)}</td>
+                  <td className="border px-1 py-1">{l.LOCATION_NAME}</td>
+                  <td className="border px-1 py-1">{l.SUB_LOCATION_NAME}</td>
+                  <td className="border px-1 py-0.5">
+                    <Input
+                      value={l.MOVE_QTY}
+                      onChange={(e) =>
+                        updateLine(i, {
+                          MOVE_QTY: numberWithCommas(e.target.value.replace(/[^0-9]/g, "")),
+                        })
+                      }
+                      className="h-7 text-right"
+                    />
+                  </td>
+                  <td className="border px-1 py-0.5">
+                    <SearchableCodeSelect
+                      codeId="0000262"
+                      value={l.MOVE_LOCATION}
+                      onChange={(v) => onMoveLocChange(i, v)}
+                      className="w-full"
+                    />
+                  </td>
+                  <td className="border px-1 py-0.5">
+                    <SearchableSelect
+                      options={subLocOptions[l.MOVE_LOCATION] || []}
+                      value={l.MOVE_SUB_LOCATION}
+                      onChange={(v) => updateLine(i, { MOVE_SUB_LOCATION: v })}
+                      className="w-full"
+                    />
+                  </td>
+                  <td className="border px-1 py-0.5">
+                    <Input
+                      type="date"
+                      value={l.MOVE_DATE}
+                      onChange={(e) => updateLine(i, { MOVE_DATE: e.target.value })}
+                      className="h-7"
+                    />
+                  </td>
+                  <td className="border px-1 py-0.5 text-center">{user?.userName || ""}</td>
+                  <td className="border px-1 py-0.5">
+                    <SearchableSelect
+                      options={userOptions}
+                      value={l.MOVE_USER}
+                      onChange={(v) => updateLine(i, { MOVE_USER: v })}
+                      className="w-full"
+                    />
+                  </td>
+                </tr>
+              ))
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <MaterialMoveForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/inventory/request/detail/page.tsx b/src/app/inventory/request/detail/page.tsx
new file mode 100644
index 0000000..478c7a2
--- /dev/null
+++ b/src/app/inventory/request/detail/page.tsx
@@ -0,0 +1,528 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { ExcelDownloadButton } from "@/components/ui/excel-download-button";
+import type { ExcelColumn } from "@/lib/excel-export";
+import Swal from "sweetalert2";
+import { numberWithCommas, getDate } from "@/lib/utils";
+import { useAuthStore } from "@/store/auth-store";
+
+// 불출의뢰 상세/자재불출 (원본 /inventoryMng/materialRequestDetailPopUp.do)
+interface DetailLine {
+  OBJID: string;
+  IN_OBJID: string;
+  PARENT_OBJID: string;
+  PROJECT_NO: string;
+  UNIT_NAME: string;
+  PART_NO: string;
+  PART_NAME: string;
+  MATERIAL: string;
+  SPEC: string;
+  MAKER: string;
+  PART_TYPE_NAME: string;
+  RECEIVER_NAME: string;
+  LOCATION_NAME: string;
+  SUB_LOCATION_NAME: string;
+  REQUEST_QTY: string;
+  OUT_QTY: string;
+  OUT_DATE: string;
+  WRITER: string;
+  ACQ_USER: string;
+  SIGN_ROW: string;
+}
+
+function DetailContent() {
+  const searchParams = useSearchParams();
+  const masterObjId = searchParams.get("INVENTORY_REQUEST_MASTER_OBJID") || "";
+  const outStatus = searchParams.get("OUTSTATUS") || "";
+  const receptionStatus = searchParams.get("RECEPTION_STATUS") || "";
+  const action = searchParams.get("action") || "";
+  const user = useAuthStore((s) => s.user);
+
+  const [remark, setRemark] = useState("");
+  const [lines, setLines] = useState<DetailLine[]>([]);
+  const [userOptions, setUserOptions] = useState<{ value: string; label: string }[]>([]);
+  const [batchUser, setBatchUser] = useState("");
+  const [userCheck, setUserCheck] = useState(false);
+  const [checked, setChecked] = useState<Set<string>>(new Set());
+  const [loading, setLoading] = useState(false);
+
+  const isEditable = receptionStatus === "접수" && outStatus !== "완료" && action !== "view";
+
+  useEffect(() => {
+    fetch("/api/admin/users", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setUserOptions(
+          list.map((r) => ({
+            value: String(r.USER_ID || ""),
+            label: String(r.USER_NAME || r.USER_ID || ""),
+          })),
+        );
+      })
+      .catch(() => setUserOptions([]));
+  }, []);
+
+  const fetchDetail = useCallback(async () => {
+    if (!masterObjId) return;
+    const res = await fetch("/api/inventory/request/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ INVENTORY_REQUEST_MASTER_OBJID: masterObjId }),
+    });
+    const j = await res.json();
+    if (!j.success) return;
+    setRemark(String(j.master?.REMARK || ""));
+    const mapped: DetailLine[] = (j.details || []).map((r: Record<string, unknown>) => ({
+      OBJID: String(r.OBJID || ""),
+      IN_OBJID: String(r.IN_OBJID || ""),
+      PARENT_OBJID: String(r.PARENT_OBJID || ""),
+      PROJECT_NO: String(r.PROJECT_NO || ""),
+      UNIT_NAME: String(r.UNIT_NAME || ""),
+      PART_NO: String(r.PART_NO || ""),
+      PART_NAME: String(r.PART_NAME || ""),
+      MATERIAL: String(r.MATERIAL || ""),
+      SPEC: String(r.SPEC || ""),
+      MAKER: String(r.MAKER || ""),
+      PART_TYPE_NAME: String(r.PART_TYPE_NAME || ""),
+      RECEIVER_NAME: String(r.RECEIVER_NAME || ""),
+      LOCATION_NAME: String(r.LOCATION_NAME || ""),
+      SUB_LOCATION_NAME: String(r.SUB_LOCATION_NAME || ""),
+      REQUEST_QTY: String(r.REQUEST_QTY || "0"),
+      OUT_QTY: String(r.OUT_QTY || r.REQUEST_QTY || "0"),
+      OUT_DATE: String(r.OUT_DATE || getDate()),
+      WRITER: String(r.WRITER || user?.userId || ""),
+      ACQ_USER: String(r.ACQ_USER || ""),
+      SIGN_ROW: String(r.SIGN_ROW || ""),
+    }));
+    setLines(mapped);
+  }, [masterObjId, user]);
+
+  useEffect(() => {
+    fetchDetail();
+  }, [fetchDetail]);
+
+  const updateLine = (objId: string, patch: Partial<DetailLine>) => {
+    setLines((prev) => prev.map((l) => (l.OBJID === objId ? { ...l, ...patch } : l)));
+  };
+
+  const toggleCheck = (key: string) => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  };
+
+  const toggleAll = (all: boolean) => {
+    setChecked(all ? new Set(lines.map((l) => l.OBJID)) : new Set());
+  };
+
+  const handleBatchApply = () => {
+    if (!userCheck) {
+      Swal.fire("인수자 체크박스를 활성화해주세요.");
+      return;
+    }
+    if (!batchUser) {
+      Swal.fire("인수자를 선택해주세요.");
+      return;
+    }
+    setLines((prev) =>
+      prev.map((l) => (checked.has(l.OBJID) ? { ...l, ACQ_USER: batchUser } : l)),
+    );
+  };
+
+  const validate = () => {
+    for (const l of lines) {
+      const req = Number(String(l.REQUEST_QTY).replace(/,/g, "") || 0);
+      const out = Number(String(l.OUT_QTY).replace(/,/g, "") || 0);
+      if (req < out) return "인계수량이 불출의뢰수량보다 큽니다.";
+      if (out === 0) return "인계수량이 0입니다.";
+    }
+    return null;
+  };
+
+  const handleSave = async () => {
+    const err = validate();
+    if (err) {
+      Swal.fire(err);
+      return;
+    }
+    const confirmed = await Swal.fire({
+      title: "저장하시겠습니까?",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!confirmed.isConfirmed) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/request/transfer", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          lines: lines.map((l) => ({
+            OBJID: l.OBJID,
+            PARENT_OBJID: l.PARENT_OBJID,
+            INVENTORY_REQUEST_MASTER_OBJID: masterObjId,
+            REQUEST_QTY: String(l.REQUEST_QTY).replace(/,/g, ""),
+            OUT_QTY: String(l.OUT_QTY).replace(/,/g, ""),
+            OUT_DATE: l.OUT_DATE,
+            ACQ_USER: l.ACQ_USER,
+            SIGN: l.SIGN_ROW,
+          })),
+        }),
+      });
+      const data = await res.json();
+      alert(data.message || "저장되었습니다.");
+      try {
+        if (window.opener && typeof (window.opener as { fn_search?: () => void }).fn_search === "function") {
+          (window.opener as { fn_search: () => void }).fn_search();
+        }
+      } catch {}
+      window.close();
+    } catch {
+      Swal.fire("오류", "오류가 발생하였습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleAccept = async () => {
+    const err = validate();
+    if (err) {
+      Swal.fire(err);
+      return;
+    }
+    const confirmed = await Swal.fire({
+      title: "불출하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+      confirmButtonColor: "#3085d6",
+      cancelButtonColor: "#d33",
+    });
+    if (!confirmed.isConfirmed) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/request/accept", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          INVENTORY_REQUEST_MASTER_OBJID: masterObjId,
+          REQUEST_DATE: getDate(),
+          lines: lines.map((l) => ({
+            OBJID: l.OBJID,
+            PARENT_OBJID: l.PARENT_OBJID,
+            REQUEST_QTY: String(l.REQUEST_QTY).replace(/,/g, ""),
+            OUT_QTY: String(l.OUT_QTY).replace(/,/g, ""),
+            OUT_DATE: l.OUT_DATE,
+            ACQ_USER: l.ACQ_USER,
+          })),
+        }),
+      });
+      const data = await res.json();
+      alert(data.message || "불출완료되었습니다.");
+      try {
+        if (window.opener && typeof (window.opener as { fn_search?: () => void }).fn_search === "function") {
+          (window.opener as { fn_search: () => void }).fn_search();
+        }
+      } catch {}
+      window.close();
+    } catch {
+      Swal.fire("오류", "오류가 발생하였습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleSignRegister = () => {
+    const checkedLines = lines.filter((l) => checked.has(l.OBJID));
+    if (checkedLines.length === 0) {
+      alert("지정된 열이 없습니다");
+      return;
+    }
+    // 인수자 동일성 검증
+    const firstAcq = checkedLines[0].ACQ_USER;
+    const sameUser = checkedLines.every((l) => l.ACQ_USER === firstAcq);
+    if (!sameUser) {
+      alert("선택된 인수자가 동일하지 않습니다.");
+      return;
+    }
+    const confirmed = window.confirm("해당 사인을 등록하시겠습니까?");
+    if (!confirmed) return;
+
+    // 사인 팝업으로 OBJID 배열 + 인수자 전달
+    const objIds = checkedLines.map((l) => l.OBJID).join(",");
+    const acqUser = firstAcq;
+    const w = 515;
+    const h = 600;
+    const left = window.screenX + window.innerWidth / 2 - w / 2;
+    const top = window.screenY + window.innerHeight / 2 - h / 2;
+    const params = new URLSearchParams({
+      objIds,
+      acqUser,
+    });
+    window.open(
+      `/inventory/request/sign?${params.toString()}`,
+      "signPopup",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const handleSignReset = async () => {
+    const objIds = Array.from(checked);
+    if (objIds.length === 0) {
+      alert("선택한 항목이 없습니다.");
+      return;
+    }
+    const ok = window.confirm("선택한 사인를 초기화 하시겠습니까?");
+    if (!ok) return;
+    const res = await fetch("/api/inventory/request/sign", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "delete", objIds }),
+    });
+    const data = await res.json();
+    if (data.success) {
+      alert(data.message || "삭제되었습니다.");
+      fetchDetail();
+    }
+  };
+
+  const allChecked = lines.length > 0 && checked.size === lines.length;
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      {/* 상단 영역: 비고 + 사인등록/일괄적용 */}
+      <div className="mb-2 grid grid-cols-12 gap-2 items-center">
+        <div className="col-span-6 flex items-center gap-2">
+          <span className="bg-gray-100 px-2 py-1.5 text-xs font-medium border">비고</span>
+          <Input value={remark} readOnly className="h-7 flex-1 bg-gray-50" />
+        </div>
+        {isEditable && (
+          <>
+            <div className="col-span-2 flex items-center gap-1">
+              <Button size="sm" onClick={handleSignRegister}>
+                사인 등록
+              </Button>
+              <Button size="sm" variant="secondary" onClick={handleSignReset}>
+                사인 초기화
+              </Button>
+            </div>
+            <div className="col-span-3 flex items-center gap-1">
+              <label className="text-xs flex items-center gap-1">
+                <input
+                  type="checkbox"
+                  checked={userCheck}
+                  onChange={(e) => setUserCheck(e.target.checked)}
+                />
+                인수자
+              </label>
+              <SearchableSelect
+                options={userOptions}
+                value={batchUser}
+                onChange={setBatchUser}
+                className="w-[140px]"
+              />
+            </div>
+            <div className="col-span-1">
+              <Button size="sm" onClick={handleBatchApply}>
+                일괄적용
+              </Button>
+            </div>
+          </>
+        )}
+      </div>
+
+      <div className="border border-gray-300 overflow-x-auto">
+        <table className="w-full text-xs">
+          <thead className="bg-gray-100 text-center">
+            <tr>
+              <th className="border px-1 py-1.5 w-6">
+                <input
+                  type="checkbox"
+                  checked={allChecked}
+                  onChange={(e) => toggleAll(e.target.checked)}
+                />
+              </th>
+              <th className="border px-1 py-1.5">프로젝트번호</th>
+              <th className="border px-1 py-1.5">유닛명</th>
+              <th className="border px-1 py-1.5">품번</th>
+              <th className="border px-1 py-1.5">품명</th>
+              <th className="border px-1 py-1.5">재질</th>
+              <th className="border px-1 py-1.5">사양(규격)</th>
+              <th className="border px-1 py-1.5">MAKER</th>
+              <th className="border px-1 py-1.5">PART구분</th>
+              <th className="border px-1 py-1.5">수입검사자</th>
+              <th className="border px-1 py-1.5">Location</th>
+              <th className="border px-1 py-1.5">Sub_Location</th>
+              <th className="border px-1 py-1.5">불출의뢰수량</th>
+              <th className="border px-1 py-1.5 bg-blue-50">인계수량</th>
+              <th className="border px-1 py-1.5 bg-blue-50">인계일</th>
+              <th className="border px-1 py-1.5">인계자</th>
+              <th className="border px-1 py-1.5 bg-blue-50">인수자</th>
+              <th className="border px-1 py-1.5">사인</th>
+            </tr>
+          </thead>
+          <tbody>
+            {lines.length === 0 ? (
+              <tr>
+                <td colSpan={18} className="text-center py-4 text-gray-400">
+                  조회된 데이터가 없습니다.
+                </td>
+              </tr>
+            ) : (
+              lines.map((l) => (
+                <tr key={l.OBJID} className="border-b">
+                  <td className="border px-1 py-1 text-center">
+                    <input
+                      type="checkbox"
+                      checked={checked.has(l.OBJID)}
+                      onChange={() => toggleCheck(l.OBJID)}
+                    />
+                  </td>
+                  <td className="border px-1 py-1">{l.PROJECT_NO}</td>
+                  <td className="border px-1 py-1">{l.UNIT_NAME}</td>
+                  <td className="border px-1 py-1">{l.PART_NO}</td>
+                  <td className="border px-1 py-1">{l.PART_NAME}</td>
+                  <td className="border px-1 py-1">{l.MATERIAL}</td>
+                  <td className="border px-1 py-1">{l.SPEC}</td>
+                  <td className="border px-1 py-1">{l.MAKER}</td>
+                  <td className="border px-1 py-1 text-center">{l.PART_TYPE_NAME}</td>
+                  <td className="border px-1 py-1 text-center">{l.RECEIVER_NAME}</td>
+                  <td className="border px-1 py-1">{l.LOCATION_NAME}</td>
+                  <td className="border px-1 py-1">{l.SUB_LOCATION_NAME}</td>
+                  <td className="border px-1 py-1 text-right">{numberWithCommas(l.REQUEST_QTY)}</td>
+                  <td className="border px-1 py-0.5">
+                    {isEditable ? (
+                      <Input
+                        value={numberWithCommas(l.OUT_QTY)}
+                        onChange={(e) =>
+                          updateLine(l.OBJID, {
+                            OUT_QTY: e.target.value.replace(/[^0-9]/g, ""),
+                          })
+                        }
+                        className="h-7 text-right"
+                      />
+                    ) : (
+                      <span className="text-right block">{numberWithCommas(l.OUT_QTY)}</span>
+                    )}
+                  </td>
+                  <td className="border px-1 py-0.5">
+                    {isEditable ? (
+                      <Input
+                        type="date"
+                        value={l.OUT_DATE}
+                        onChange={(e) => updateLine(l.OBJID, { OUT_DATE: e.target.value })}
+                        className="h-7"
+                      />
+                    ) : (
+                      <span>{l.OUT_DATE}</span>
+                    )}
+                  </td>
+                  <td className="border px-1 py-1 text-center">
+                    {user?.userName || l.WRITER || ""}
+                  </td>
+                  <td className="border px-1 py-0.5">
+                    {isEditable ? (
+                      <SearchableSelect
+                        options={userOptions}
+                        value={l.ACQ_USER}
+                        onChange={(v) => updateLine(l.OBJID, { ACQ_USER: v })}
+                        className="w-full"
+                      />
+                    ) : (
+                      <span>
+                        {userOptions.find((u) => u.value === l.ACQ_USER)?.label || l.ACQ_USER}
+                      </span>
+                    )}
+                  </td>
+                  <td className="border px-1 py-1 text-center">
+                    {l.SIGN_ROW ? (
+                      <img
+                        src={l.SIGN_ROW}
+                        alt="sign"
+                        style={{ height: 25, width: 52, objectFit: "contain" }}
+                      />
+                    ) : null}
+                  </td>
+                </tr>
+              ))
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        {isEditable && (
+          <>
+            <Button onClick={handleSave} disabled={loading}>
+              {loading ? "저장 중..." : "저장"}
+            </Button>
+            <Button onClick={handleAccept} disabled={loading}>
+              자재불출
+            </Button>
+          </>
+        )}
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+        <ExcelDownloadButton
+          data={lines as unknown as Record<string, unknown>[]}
+          columns={excelColumns(userOptions)}
+          filename="불출의뢰서_상세"
+        />
+      </div>
+    </div>
+  );
+}
+
+function excelColumns(
+  userOptions: { value: string; label: string }[],
+): ExcelColumn[] {
+  return [
+    { title: "프로젝트번호", field: "PROJECT_NO" },
+    { title: "유닛명", field: "UNIT_NAME" },
+    { title: "품번", field: "PART_NO" },
+    { title: "품명", field: "PART_NAME" },
+    { title: "재질", field: "MATERIAL" },
+    { title: "사양(규격)", field: "SPEC" },
+    { title: "MAKER", field: "MAKER" },
+    { title: "PART구분", field: "PART_TYPE_NAME" },
+    { title: "수입검사자", field: "RECEIVER_NAME" },
+    { title: "Location", field: "LOCATION_NAME" },
+    { title: "Sub_Location", field: "SUB_LOCATION_NAME" },
+    { title: "불출의뢰수량", field: "REQUEST_QTY", formatter: "money" },
+    { title: "인계수량", field: "OUT_QTY", formatter: "money" },
+    { title: "인계일", field: "OUT_DATE" },
+    { title: "인계자", field: "WRITER" },
+    {
+      title: "인수자",
+      field: "ACQ_USER",
+      excelFormatter: (row) => {
+        const v = String(row.ACQ_USER ?? "");
+        return userOptions.find((u) => u.value === v)?.label || v;
+      },
+    },
+  ];
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <DetailContent />
+    </Suspense>
+  );
+}
diff --git a/src/app/inventory/request/form/page.tsx b/src/app/inventory/request/form/page.tsx
new file mode 100644
index 0000000..1918b5f
--- /dev/null
+++ b/src/app/inventory/request/form/page.tsx
@@ -0,0 +1,433 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+import { numberWithCommas, createObjectId } from "@/lib/utils";
+
+// 불출의뢰서 등록 (원본 /inventoryMng/materialRequestFormPopUp.do)
+// 마스터(비고) + 상세 라인(선택된 자재별) 2단 구조
+interface Line {
+  LINE_KEY: string;
+  OBJID: string;
+  IN_OBJID: string;
+  PART_OBJID: string;
+  CONTRACT_OBJID: string;
+  UNIT: string;
+  PROJECT_NO: string;
+  UNIT_NAME: string;
+  PART_NO: string;
+  PART_NAME: string;
+  MATERIAL: string;
+  SPEC: string;
+  MAKER: string;
+  PART_TYPE_NAME: string;
+  WRITER_NAME: string;
+  DESIGN_QTY: number;
+  USE_CNT: number;
+  LOCATION_NAME: string;
+  SUB_LOCATION_NAME: string;
+  OUT_QTY: string;
+  REQUEST_QTY: string;
+  sel_project_no: string;
+  sel_unit_code: string;
+}
+
+function MaterialRequestForm() {
+  const searchParams = useSearchParams();
+  const checkArr = searchParams.get("checkArr") || "";
+  const masterObjIdParam = searchParams.get("INVENTORY_REQUEST_MASTER_OBJID") || "";
+
+  const [masterObjId, setMasterObjId] = useState(masterObjIdParam);
+  const [remark, setRemark] = useState("");
+  const [lines, setLines] = useState<Line[]>([]);
+  const [projectOptions, setProjectOptions] = useState<{ value: string; label: string }[]>([]);
+  const [unitOptionsMap, setUnitOptionsMap] = useState<Record<string, { value: string; label: string }[]>>({});
+  const [loading, setLoading] = useState(false);
+  const [checked, setChecked] = useState<Set<string>>(new Set());
+
+  useEffect(() => {
+    if (!masterObjId) setMasterObjId(createObjectId());
+  }, [masterObjId]);
+
+  useEffect(() => {
+    fetch("/api/common/project-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        setProjectOptions(
+          list.map((r) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.PROJECT_NO || ""),
+          })),
+        );
+      })
+      .catch(() => setProjectOptions([]));
+  }, []);
+
+  const loadUnits = useCallback(
+    async (projectNo: string) => {
+      if (!projectNo) return;
+      if (unitOptionsMap[projectNo]) return;
+      const res = await fetch("/api/common/unit-list", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ contract_objid: projectNo }),
+      });
+      const j = await res.json();
+      const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+      setUnitOptionsMap((prev) => ({
+        ...prev,
+        [projectNo]: list.map((r) => ({
+          value: String(r.OBJID || ""),
+          label: String(r.UNIT_NAME || ""),
+        })),
+      }));
+    },
+    [unitOptionsMap],
+  );
+
+  useEffect(() => {
+    if (!checkArr) return;
+    fetch("/api/inventory/request/parts", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ checkArr }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+        const mapped: Line[] = list.map((r) => ({
+          LINE_KEY: `${String(r.IN_OBJID || "")}-${createObjectId()}`,
+          OBJID: String(r.OBJID || ""),
+          IN_OBJID: String(r.IN_OBJID || ""),
+          PART_OBJID: String(r.PART_OBJID || ""),
+          CONTRACT_OBJID: String(r.CONTRACT_OBJID || ""),
+          UNIT: String(r.UNIT || ""),
+          PROJECT_NO: String(r.PROJECT_NO || ""),
+          UNIT_NAME: String(r.UNIT_NAME || ""),
+          PART_NO: String(r.PART_NO || ""),
+          PART_NAME: String(r.PART_NAME || ""),
+          MATERIAL: String(r.MATERIAL || ""),
+          SPEC: String(r.SPEC || ""),
+          MAKER: String(r.MAKER || ""),
+          PART_TYPE_NAME: String(r.PART_TYPE_NAME || ""),
+          WRITER_NAME: String(r.WRITER_NAME || ""),
+          DESIGN_QTY: Number(r.DESIGN_QTY || 0),
+          USE_CNT: Number(r.USE_CNT || 0),
+          LOCATION_NAME: String(r.LOCATION_NAME || ""),
+          SUB_LOCATION_NAME: String(r.SUB_LOCATION_NAME || ""),
+          OUT_QTY: String(r.OUT_QTY || "0"),
+          // 원본: REQUEST_QTY가 null이면 DESIGN_QTY로 초기화, 있으면 그대로
+          REQUEST_QTY: String(r.REQUEST_QTY ?? r.DESIGN_QTY ?? 0),
+          sel_project_no: String(r.CONTRACT_OBJID || ""),
+          sel_unit_code: String(r.UNIT || ""),
+        }));
+        setLines(mapped);
+        const projSet = new Set(mapped.map((l) => l.sel_project_no).filter(Boolean));
+        projSet.forEach((p) => loadUnits(p));
+      })
+      .catch(() => setLines([]));
+  }, [checkArr, loadUnits]);
+
+  const updateLine = (lineKey: string, patch: Partial<Line>) => {
+    setLines((prev) => prev.map((l) => (l.LINE_KEY === lineKey ? { ...l, ...patch } : l)));
+  };
+
+  const refreshDesignQty = async (
+    lineKey: string,
+    projectObjId: string,
+    unitCode: string,
+    partObjId: string,
+  ) => {
+    if (!projectObjId || !unitCode || !partObjId) return;
+    try {
+      const res = await fetch("/api/inventory/request/design-qty", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          project_objid: projectObjId,
+          unit_code: unitCode,
+          part_objid: partObjId,
+        }),
+      });
+      const j = await res.json();
+      const list = (j.RESULTLIST || []) as Array<Record<string, unknown>>;
+      if (list.length > 0) {
+        const r = list[0];
+        const dq = Number(r.DESIGN_QTY || 0);
+        const oq = Number(r.OUT_QTY || 0);
+        // 원본 chageUnitSelect: REQUEST_QTY = DESIGN_QTY 그대로
+        updateLine(lineKey, {
+          DESIGN_QTY: dq,
+          OUT_QTY: String(oq),
+          REQUEST_QTY: String(dq),
+        });
+      } else {
+        updateLine(lineKey, { DESIGN_QTY: 0, OUT_QTY: "0", REQUEST_QTY: "0" });
+      }
+    } catch {
+      // 무시
+    }
+  };
+
+  const onProjectChange = (lineKey: string, v: string) => {
+    updateLine(lineKey, { sel_project_no: v, sel_unit_code: "" });
+    loadUnits(v);
+  };
+
+  const onUnitChange = (lineKey: string, v: string) => {
+    updateLine(lineKey, { sel_unit_code: v });
+    const line = lines.find((l) => l.LINE_KEY === lineKey);
+    if (line) refreshDesignQty(lineKey, line.sel_project_no, v, line.PART_OBJID);
+  };
+
+  const toggleCheck = (key: string) => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key);
+      else next.add(key);
+      return next;
+    });
+  };
+  const toggleAll = (all: boolean) => {
+    setChecked(all ? new Set(lines.map((l) => l.LINE_KEY)) : new Set());
+  };
+
+  const handleCopy = () => {
+    if (checked.size === 0) {
+      alert("복사할 행을 선택해주세요.");
+      return;
+    }
+    const added: Line[] = [];
+    lines.forEach((l) => {
+      added.push(l);
+      if (checked.has(l.LINE_KEY)) {
+        added.push({
+          ...l,
+          LINE_KEY: `copy_${Date.now()}_${Math.random().toString(36).slice(2, 7)}`,
+        });
+      }
+    });
+    setLines(added);
+    setChecked(new Set());
+  };
+
+  const validate = () => {
+    const groupByIn: Record<string, Line[]> = {};
+    for (const l of lines) {
+      if (!groupByIn[l.IN_OBJID]) groupByIn[l.IN_OBJID] = [];
+      groupByIn[l.IN_OBJID].push(l);
+    }
+    for (const inObj of Object.keys(groupByIn)) {
+      const rows = groupByIn[inObj];
+      const seen = new Set<string>();
+      let total = 0;
+      for (const r of rows) {
+        const key = `${r.sel_project_no}_${r.sel_unit_code}`;
+        if (seen.has(key)) return "중복된 유닛이 존재합니다.";
+        seen.add(key);
+        total += Number(String(r.REQUEST_QTY).replace(/,/g, "") || 0);
+      }
+      if (total > Number(rows[0].USE_CNT)) {
+        return "불출의뢰수량의 합계가 보유수량을 초과합니다.";
+      }
+    }
+    return null;
+  };
+
+  const handleSave = async () => {
+    const err = validate();
+    if (err) {
+      Swal.fire(err);
+      return;
+    }
+    const confirmed = await Swal.fire({
+      title: "저장하시겠습니까?",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!confirmed.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/request/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          INVENTORY_REQUEST_MASTER_OBJID: masterObjId,
+          REMARK: remark,
+          lines: lines.map((l) => ({
+            OBJID: createObjectId(),
+            IN_OBJID: l.IN_OBJID,
+            PARENT_OBJID: l.OBJID,
+            REQUEST_QTY: String(l.REQUEST_QTY).replace(/,/g, ""),
+            CONTRACT_MGMT_OBJID: l.sel_project_no,
+            UNIT: l.sel_unit_code,
+          })),
+        }),
+      });
+      const data = await res.json();
+      alert(data.message || "저장되었습니다.");
+      try {
+        if (
+          window.opener &&
+          typeof (window.opener as { fn_search?: () => void }).fn_search === "function"
+        ) {
+          (window.opener as { fn_search: () => void }).fn_search();
+        } else if (window.opener) {
+          window.opener.location.reload();
+        }
+      } catch {}
+      window.close();
+    } catch {
+      Swal.fire("오류", "오류가 발생하였습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const allChecked = lines.length > 0 && checked.size === lines.length;
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="mb-2">
+        <table className="w-full text-xs border-collapse">
+          <colgroup>
+            <col className="w-[10%]" />
+            <col className="w-[90%]" />
+          </colgroup>
+          <tbody>
+            <tr>
+              <th className="bg-gray-100 text-center px-2 py-1.5 border">비고</th>
+              <td className="px-2 py-1 border">
+                <Input value={remark} onChange={(e) => setRemark(e.target.value)} className="h-7" />
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div className="border border-gray-300 overflow-x-auto">
+        <table className="w-full text-xs">
+          <thead className="bg-gray-100 text-center">
+            <tr>
+              <th className="border px-1 py-1.5 w-6">
+                <input
+                  type="checkbox"
+                  checked={allChecked}
+                  onChange={(e) => toggleAll(e.target.checked)}
+                />
+              </th>
+              <th className="border px-1 py-1.5">프로젝트번호</th>
+              <th className="border px-1 py-1.5">유닛명</th>
+              <th className="border px-1 py-1.5">품번</th>
+              <th className="border px-1 py-1.5">품명</th>
+              <th className="border px-1 py-1.5">재질</th>
+              <th className="border px-1 py-1.5">사양(규격)</th>
+              <th className="border px-1 py-1.5">MAKER</th>
+              <th className="border px-1 py-1.5">PART구분</th>
+              <th className="border px-1 py-1.5">수입검사자</th>
+              <th className="border px-1 py-1.5">설계수량</th>
+              <th className="border px-1 py-1.5">보유수량</th>
+              <th className="border px-1 py-1.5">Location</th>
+              <th className="border px-1 py-1.5">Sub_Location</th>
+              <th className="border px-1 py-1.5 bg-blue-50">불출의뢰수량</th>
+              <th className="border px-1 py-1.5">불출완료수량</th>
+            </tr>
+          </thead>
+          <tbody>
+            {lines.length === 0 ? (
+              <tr>
+                <td colSpan={16} className="text-center py-4 text-gray-400">
+                  조회된 데이터가 없습니다.
+                </td>
+              </tr>
+            ) : (
+              lines.map((l) => (
+                <tr key={l.LINE_KEY} className="border-b">
+                  <td className="border px-1 py-1 text-center">
+                    <input
+                      type="checkbox"
+                      checked={checked.has(l.LINE_KEY)}
+                      onChange={() => toggleCheck(l.LINE_KEY)}
+                    />
+                  </td>
+                  <td className="border px-1 py-0.5 min-w-[110px]">
+                    <SearchableSelect
+                      options={projectOptions}
+                      value={l.sel_project_no}
+                      onChange={(v) => onProjectChange(l.LINE_KEY, v)}
+                      className="w-full"
+                    />
+                  </td>
+                  <td className="border px-1 py-0.5 min-w-[140px]">
+                    <SearchableSelect
+                      options={unitOptionsMap[l.sel_project_no] || []}
+                      value={l.sel_unit_code}
+                      onChange={(v) => onUnitChange(l.LINE_KEY, v)}
+                      className="w-full"
+                    />
+                  </td>
+                  <td className="border px-1 py-1">{l.PART_NO}</td>
+                  <td className="border px-1 py-1">{l.PART_NAME}</td>
+                  <td className="border px-1 py-1">{l.MATERIAL}</td>
+                  <td className="border px-1 py-1">{l.SPEC}</td>
+                  <td className="border px-1 py-1">{l.MAKER}</td>
+                  <td className="border px-1 py-1 text-center">{l.PART_TYPE_NAME}</td>
+                  <td className="border px-1 py-1 text-center">{l.WRITER_NAME}</td>
+                  <td className="border px-1 py-1 text-center">
+                    {numberWithCommas(l.DESIGN_QTY)}
+                  </td>
+                  <td className="border px-1 py-1 text-center">{numberWithCommas(l.USE_CNT)}</td>
+                  <td className="border px-1 py-1">{l.LOCATION_NAME}</td>
+                  <td className="border px-1 py-1">{l.SUB_LOCATION_NAME}</td>
+                  <td className="border px-1 py-0.5">
+                    <Input
+                      value={l.REQUEST_QTY}
+                      onChange={(e) =>
+                        updateLine(l.LINE_KEY, {
+                          REQUEST_QTY: numberWithCommas(e.target.value.replace(/[^0-9]/g, "")),
+                        })
+                      }
+                      className="h-7 text-right"
+                    />
+                  </td>
+                  <td className="border px-1 py-1 text-center">{numberWithCommas(l.OUT_QTY)}</td>
+                </tr>
+              ))
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={handleCopy}>
+          복사
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <MaterialRequestForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/inventory/request/sign/page.tsx b/src/app/inventory/request/sign/page.tsx
new file mode 100644
index 0000000..f4a2357
--- /dev/null
+++ b/src/app/inventory/request/sign/page.tsx
@@ -0,0 +1,162 @@
+"use client";
+
+import { useState, useEffect, useRef, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import Swal from "sweetalert2";
+
+// 사인 등록 팝업 (원본 /inventoryMng/materialRequestSignPopUp.do)
+function SignContent() {
+  const searchParams = useSearchParams();
+  const objIds = (searchParams.get("objIds") || "").split(",").filter(Boolean);
+  const acqUser = searchParams.get("acqUser") || "";
+
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const [drawing, setDrawing] = useState(false);
+  const [hasSign, setHasSign] = useState(false);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    ctx.fillStyle = "#ffffff";
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    ctx.strokeStyle = "#000";
+    ctx.lineWidth = 2;
+    ctx.lineCap = "round";
+  }, []);
+
+  const getPos = (e: React.MouseEvent | React.TouchEvent) => {
+    const canvas = canvasRef.current!;
+    const rect = canvas.getBoundingClientRect();
+    let clientX = 0;
+    let clientY = 0;
+    if ("touches" in e) {
+      clientX = e.touches[0]?.clientX || 0;
+      clientY = e.touches[0]?.clientY || 0;
+    } else {
+      clientX = e.clientX;
+      clientY = e.clientY;
+    }
+    return {
+      x: (clientX - rect.left) * (canvas.width / rect.width),
+      y: (clientY - rect.top) * (canvas.height / rect.height),
+    };
+  };
+
+  const startDraw = (e: React.MouseEvent | React.TouchEvent) => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const pos = getPos(e);
+    ctx.beginPath();
+    ctx.moveTo(pos.x, pos.y);
+    setDrawing(true);
+  };
+
+  const draw = (e: React.MouseEvent | React.TouchEvent) => {
+    if (!drawing) return;
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    const pos = getPos(e);
+    ctx.lineTo(pos.x, pos.y);
+    ctx.stroke();
+    setHasSign(true);
+  };
+
+  const endDraw = () => {
+    setDrawing(false);
+  };
+
+  const clearCanvas = () => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    ctx.fillStyle = "#ffffff";
+    ctx.fillRect(0, 0, canvas.width, canvas.height);
+    setHasSign(false);
+  };
+
+  const handleSave = async () => {
+    if (!hasSign) {
+      Swal.fire("사인을 먼저 그려주세요.");
+      return;
+    }
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const dataUrl = canvas.toDataURL("image/png");
+    setLoading(true);
+    try {
+      const res = await fetch("/api/inventory/request/sign", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          action: "save",
+          lines: objIds.map((id) => ({
+            OBJID: id,
+            ACQ_USER: acqUser,
+            SIGN: dataUrl,
+          })),
+        }),
+      });
+      const data = await res.json();
+      alert(data.message || "사인이 등록 되었습니다.");
+      try {
+        if (window.opener && typeof (window.opener as { location: { reload: () => void } }).location.reload === "function") {
+          window.opener.location.reload();
+        }
+      } catch {}
+      window.close();
+    } catch {
+      Swal.fire("오류", "오류가 발생하였습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <h2 className="text-base font-bold mb-3">사인 등록</h2>
+      <div className="border border-gray-400 inline-block">
+        <canvas
+          ref={canvasRef}
+          width={480}
+          height={400}
+          className="cursor-crosshair bg-white touch-none"
+          onMouseDown={startDraw}
+          onMouseMove={draw}
+          onMouseUp={endDraw}
+          onMouseLeave={endDraw}
+          onTouchStart={startDraw}
+          onTouchMove={draw}
+          onTouchEnd={endDraw}
+        />
+      </div>
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={clearCanvas}>
+          지우기
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <SignContent />
+    </Suspense>
+  );
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..df221f9
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "모모유통 | 유통관리 ERP",
+  description: "모모유통 유통관리 ERP",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="ko" className="h-full antialiased">
+      <head>
+        <link
+          rel="stylesheet"
+          href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css"
+        />
+      </head>
+      <body className="h-full">{children}</body>
+    </html>
+  );
+}
diff --git a/src/app/order/list/form/page.tsx b/src/app/order/list/form/page.tsx
new file mode 100644
index 0000000..6e32895
--- /dev/null
+++ b/src/app/order/list/form/page.tsx
@@ -0,0 +1,1364 @@
+"use client";
+
+import { useCallback, useEffect, useMemo, useState, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { numberWithCommas, cn } from "@/lib/utils";
+import { COMPANY_INFO } from "@/lib/constants";
+import { ApprovalButton } from "@/components/approval/ApprovalButton";
+import Swal from "sweetalert2";
+
+type Row = Record<string, unknown>;
+type Option = { value: string; label: string };
+
+interface MultiProjectEntry {
+  objid?: string; // 기존 슬레이브 OBJID
+  contract_mgmt_objid: string;
+  unit_code?: string;
+  delivery_plan_date?: string;
+  delivery_plan_qty?: string;
+  PROJECT_NO?: string;
+}
+
+interface PartRow {
+  OBJID?: string;
+  PART_OBJID?: string;
+  PART_NO?: string;
+  PART_NAME?: string;
+  SPEC?: string;
+  MAKER?: string;
+  UNIT?: string;
+  ORDER_QTY?: string;
+  PARTNER_PRICE?: string;
+  PRICE1?: string;
+  PRICE2?: string;
+  PRICE3?: string;
+  PRICE4?: string;
+  SUPPLY_UNIT_PRICE?: string;
+  SUPPLY_UNIT_VAT_PRICE?: string;
+  SUPPLY_UNIT_VAT_SUM_PRICE?: string;
+  REMARK?: string;
+  LD_PART_OBJID?: string;
+  TOTAL_ORDER_QTY?: string;
+  STOCK_QTY?: string;
+  REAL_ORDER_QTY?: string;
+}
+
+const s = (v: unknown) => String(v ?? "");
+const n = (v: unknown) => (v === null || v === undefined || v === "" ? "" : numberWithCommas(String(v)));
+const num = (v: unknown) => {
+  const x = Number(String(v ?? "").replace(/,/g, ""));
+  return Number.isFinite(x) ? x : 0;
+};
+
+function OrderForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const action = searchParams.get("action") || (objId ? "view" : "edit");
+  const isNew = !objId;
+  const initialEditable = action !== "view";
+
+  const [info, setInfo] = useState<Row>({});
+  const [parts, setParts] = useState<PartRow[]>([]);
+  const [slaves, setSlaves] = useState<Row[]>([]);
+  const [multiProjects, setMultiProjects] = useState<MultiProjectEntry[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [editing, setEditing] = useState(initialEditable);
+
+  // 편집용 Form state
+  const [form, setForm] = useState<Record<string, string>>({
+    type: "0001069", // 기본값: 일반부품
+    contract_mgmt_objid: "",
+    unit_code: "",
+    po_client_id: "",
+    partner_objid: "",
+    sales_mng_user_id: "",
+    order_type_cd: "",
+    delivery_place: "",
+    inspect_method: "",
+    payment_terms: "",
+    vat_method: "",
+    delivery_date: "",
+    effective_date: "",
+    title: "",
+    remark: "",
+    discount_price: "0",
+    purchase_order_no_org: "",
+  });
+
+  // 드롭다운 옵션들
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+  const [unitOptions, setUnitOptions] = useState<Option[]>([]);
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [supplyMap, setSupplyMap] = useState<Record<string, Row>>({});
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+  const [userMap, setUserMap] = useState<Record<string, Row>>({});
+
+  // 옵션 로드
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setProjectOptions(
+          (d.RESULTLIST || []).map((r: Row) => ({
+            value: String(r.OBJID),
+            label: String(r.LABEL || r.PROJECT_NO || ""),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Row[];
+        setSupplyOptions(
+          list.map((r) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        );
+        const map: Record<string, Row> = {};
+        list.forEach((r) => {
+          map[String(r.OBJID)] = r;
+        });
+        setSupplyMap(map);
+      })
+      .catch(() => {});
+
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Row[];
+        setUserOptions(
+          list.map((r) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          })),
+        );
+        const map: Record<string, Row> = {};
+        list.forEach((r) => {
+          map[String(r.USER_ID)] = r;
+        });
+        setUserMap(map);
+      })
+      .catch(() => {});
+  }, []);
+
+  // 동시적용 프로젝트 후보 (같은 contract_objid + 구매BOM/공급처 매칭)
+  const [multiProjectOptions, setMultiProjectOptions] = useState<Option[]>([]);
+  useEffect(() => {
+    if (!form.contract_mgmt_objid) {
+      setMultiProjectOptions([]);
+      return;
+    }
+    fetch("/api/order/multi-projects", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        contract_mgmt_objid: form.contract_mgmt_objid,
+        partner_objid: form.partner_objid,
+      }),
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setMultiProjectOptions(
+          (d.RESULTLIST || []).map((r: Row) => ({
+            value: String(r.OBJID),
+            label: String(r.LABEL || r.PROJECT_NO || ""),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, [form.contract_mgmt_objid, form.partner_objid]);
+
+  // 재발주 시 원본 발주서 후보 로드
+  const [prevOrderOptions, setPrevOrderOptions] = useState<Option[]>([]);
+  useEffect(() => {
+    if (!form.contract_mgmt_objid || form.order_type_cd !== "0001408") {
+      setPrevOrderOptions([]);
+      return;
+    }
+    fetch("/api/order/prev-orders", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_mgmt_objid: form.contract_mgmt_objid }),
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setPrevOrderOptions(
+          (d.RESULTLIST || []).map((r: Row) => ({
+            value: String(r.OBJID),
+            label: `${r.PURCHASE_ORDER_NO} — ${r.PARTNER_NAME || ""} (${r.REGDATE})`,
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, [form.contract_mgmt_objid, form.order_type_cd]);
+
+  // 프로젝트 변경 시 유닛 로드
+  useEffect(() => {
+    if (!form.contract_mgmt_objid) {
+      setUnitOptions([]);
+      return;
+    }
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: form.contract_mgmt_objid }),
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setUnitOptions(
+          (d.RESULTLIST || []).map((r: Row) => ({
+            value: String(r.OBJID),
+            label: String(r.UNIT_NAME || r.TASK_NAME || ""),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, [form.contract_mgmt_objid]);
+
+  // 기존 발주서 상세 로드
+  const fetchDetail = useCallback(() => {
+    if (!objId) return;
+    setLoading(true);
+    fetch("/api/order/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (d.success) {
+          setInfo(d.data || {});
+          setParts((d.PARTS || []) as PartRow[]);
+          const slavesList = (d.SLAVES || []) as Row[];
+          setSlaves(slavesList);
+          // 편집 모드 진입 시 슬레이브 정보를 multiProjects로 역매핑
+          setMultiProjects(
+            slavesList.map((sl) => ({
+              objid: s(sl.OBJID),
+              contract_mgmt_objid: s(sl.CONTRACT_MGMT_OBJID),
+              unit_code: s(sl.UNIT_CODE),
+              delivery_plan_date: s(sl.DELIVERY_PLAN_DATE),
+              delivery_plan_qty: s(sl.DELIVERY_PLAN_QTY),
+              PROJECT_NO: s(sl.PROJECT_NO),
+            })),
+          );
+          const info = d.data as Row;
+          setForm({
+            type: s(info.TYPE),
+            contract_mgmt_objid: s(info.CONTRACT_MGMT_OBJID),
+            unit_code: s(info.UNIT_CODE),
+            po_client_id: s(info.PO_CLIENT_ID),
+            partner_objid: s(info.PARTNER_OBJID),
+            sales_mng_user_id: s(info.SALES_MNG_USER_ID),
+            order_type_cd: s(info.ORDER_TYPE_CD),
+            delivery_place: s(info.DELIVERY_PLACE),
+            inspect_method: s(info.INSPECT_METHOD),
+            payment_terms: s(info.PAYMENT_TERMS),
+            vat_method: s(info.VAT_METHOD),
+            delivery_date: s(info.DELIVERY_DATE),
+            effective_date: s(info.EFFECTIVE_DATE),
+            title: s(info.TITLE),
+            remark: s(info.REMARK),
+            discount_price: s(info.DISCOUNT_PRICE) || "0",
+            purchase_order_no_org: s(info.PURCHASE_ORDER_NO_ORG),
+          });
+        }
+      })
+      .catch(() => {})
+      .finally(() => setLoading(false));
+  }, [objId]);
+
+  useEffect(() => {
+    fetchDetail();
+  }, [fetchDetail]);
+
+  const isMulti = info.MULTI_YN === "Y";
+  const isMaster = info.MULTI_MASTER_YN === "Y";
+  const isSlave = isMulti && !isMaster;
+  // 결재중/결재완료/취소 상태는 수정 불가. create, reject(반려된 뒤 재작성)만 허용.
+  const lockedStatus =
+    info.STATUS === "approvalRequest" ||
+    info.STATUS === "approvalComplete" ||
+    info.STATUS === "cancel";
+  // 슬레이브는 편집 차단(마스터에서 수정). 마스터와 단일건은 편집 허용.
+  const canEdit = editing && !isSlave && (isNew || !lockedStatus);
+
+  // 합계 계산 (UI 표시용)
+  const totals = useMemo(() => {
+    let supplyUnit = 0;
+    let supplyPrice = 0;
+    for (const p of parts) {
+      const qty = num(p.ORDER_QTY);
+      const unit = num(p.PARTNER_PRICE);
+      const sum = qty * (unit + num(p.PRICE1) + num(p.PRICE2) + num(p.PRICE3) + num(p.PRICE4));
+      supplyUnit += sum;
+      supplyPrice += qty * unit;
+    }
+    const discount = num(form.discount_price);
+    const total = supplyUnit - discount;
+    const vatRate = form.vat_method === "0000270" ? 0 : 0.1;
+    const realSupply = Math.round(total * (1 + vatRate));
+    return { supplyUnit, supplyPrice, total, realSupply, discount };
+  }, [parts, form.discount_price, form.vat_method]);
+
+  const setField = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const updatePart = (idx: number, patch: Partial<PartRow>) =>
+    setParts((p) => p.map((r, i) => (i === idx ? { ...r, ...patch } : r)));
+
+  const addPart = () =>
+    setParts((p) => [
+      ...p,
+      { PART_NO: "", PART_NAME: "", SPEC: "", MAKER: "", UNIT: "0001400", ORDER_QTY: "1", PARTNER_PRICE: "0" },
+    ]);
+
+  const removePart = (idx: number) => setParts((p) => p.filter((_, i) => i !== idx));
+
+  // 품목 체크박스 상태
+  const [partChecks, setPartChecks] = useState<Set<number>>(new Set());
+  const togglePartCheck = (idx: number) =>
+    setPartChecks((prev) => {
+      const next = new Set(prev);
+      if (next.has(idx)) next.delete(idx);
+      else next.add(idx);
+      return next;
+    });
+  const toggleAllParts = () =>
+    setPartChecks((prev) => {
+      if (prev.size === parts.length) return new Set();
+      return new Set(parts.map((_, i) => i));
+    });
+  const removeCheckedParts = () => {
+    if (partChecks.size === 0) {
+      Swal.fire("알림", "삭제할 품목을 선택하세요.", "warning");
+      return;
+    }
+    setParts((prev) => prev.filter((_, i) => !partChecks.has(i)));
+    setPartChecks(new Set());
+  };
+
+  // 프로젝트+유닛+공급처가 모두 선택되었을 때 구매BOM에서 해당 업체가 등록된 부품을 끌어와 품목에 투입
+  const loadPartsFromBom = useCallback(
+    async (replace: boolean) => {
+      if (!form.contract_mgmt_objid || !form.unit_code || !form.partner_objid) return;
+      const res = await fetch("/api/order/bom-parts-by-partner", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          contract_mgmt_objid: form.contract_mgmt_objid,
+          unit_code: form.unit_code,
+          partner_objid: form.partner_objid,
+        }),
+      });
+      if (!res.ok) return;
+      const json = await res.json();
+      const list = (json.RESULTLIST || []) as Row[];
+      const rows: PartRow[] = list.map((r) => {
+        const orderQty = num(r.ORDER_QTY) || 1;
+        const stockQty = num(r.STOCK_QTY);
+        const realOrderQty = Math.max(0, orderQty - stockQty);
+        return {
+          PART_OBJID: s(r.PART_OBJID),
+          PART_NO: s(r.PART_NO),
+          PART_NAME: s(r.PART_NAME),
+          SPEC: s(r.SPEC),
+          MAKER: s(r.MAKER),
+          UNIT: s(r.UNIT) || "0001400", // part_mng.unit이 비어있으면 EA 기본
+          ORDER_QTY: String(orderQty),
+          PARTNER_PRICE: s(r.PARTNER_PRICE) || "0",
+          PRICE1: s(r.PRICE1) || "0",
+          PRICE2: s(r.PRICE2) || "0",
+          PRICE3: s(r.PRICE3) || "0",
+          PRICE4: s(r.PRICE4) || "0",
+          REMARK: s(r.REMARK),
+          TOTAL_ORDER_QTY: s(r.TOTAL_ORDER_QTY),
+          STOCK_QTY: String(stockQty),
+          REAL_ORDER_QTY: String(realOrderQty),
+        };
+      });
+      if (rows.length === 0) {
+        Swal.fire(
+          "알림",
+          "선택한 공급업체가 등록된 구매BOM 부품이 없습니다.",
+          "info",
+        );
+        return;
+      }
+      setParts(replace ? rows : (prev) => [...prev, ...rows]);
+    },
+    [form.contract_mgmt_objid, form.unit_code, form.partner_objid],
+  );
+
+  // 공급처 변경 시 자동 투입 (편집 모드 + 프로젝트/유닛 모두 선택된 상태에서)
+  useEffect(() => {
+    if (!canEdit) return;
+    if (!form.partner_objid || !form.contract_mgmt_objid || !form.unit_code) return;
+    // 품목이 이미 있으면 자동 투입하지 않음 — 수동 버튼으로 처리
+    if (parts.length > 0) return;
+    loadPartsFromBom(false);
+    // parts.length을 의도적으로 무시 (투입 후 parts가 생겨도 다시 안 걸리게)
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [canEdit, form.partner_objid, form.contract_mgmt_objid, form.unit_code]);
+
+  const handlePriceSave = async () => {
+    if (!objId) {
+      Swal.fire("알림", "단가저장은 저장된 발주서에서만 가능합니다.", "info");
+      return;
+    }
+    if (parts.length === 0) {
+      Swal.fire("알림", "저장할 품목이 없습니다.", "warning");
+      return;
+    }
+    setSaving(true);
+    try {
+      const res = await fetch("/api/order/price-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objId,
+          vat_method: form.vat_method,
+          discount_price: form.discount_price,
+          parts,
+        }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "단가가 저장되었습니다.",
+          timer: 1200,
+          showConfirmButton: false,
+        });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        fetchDetail();
+      } else {
+        Swal.fire("오류", data.message || "단가 저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const handleBomLoadClick = async () => {
+    if (!form.contract_mgmt_objid || !form.unit_code || !form.partner_objid) {
+      Swal.fire("알림", "프로젝트/유닛/공급처를 먼저 모두 선택하세요.", "warning");
+      return;
+    }
+    if (parts.length > 0) {
+      const confirm = await Swal.fire({
+        title: "BOM 자동투입",
+        text: "현재 품목 목록을 교체하시겠습니까?",
+        icon: "question",
+        showCancelButton: true,
+        confirmButtonText: "교체",
+        cancelButtonText: "추가",
+      });
+      if (confirm.isConfirmed) {
+        loadPartsFromBom(true);
+      } else if (confirm.dismiss === Swal.DismissReason.cancel) {
+        loadPartsFromBom(false);
+      }
+    } else {
+      loadPartsFromBom(true);
+    }
+  };
+
+  const handleSave = async () => {
+    if (!form.type) {
+      Swal.fire("알림", "발주부품을 선택하세요.", "warning");
+      return;
+    }
+    if (!form.contract_mgmt_objid) {
+      Swal.fire("알림", "프로젝트번호를 선택하세요.", "warning");
+      return;
+    }
+    if (!form.unit_code) {
+      Swal.fire("알림", "유닛명을 선택하세요.", "warning");
+      return;
+    }
+    if (!form.partner_objid) {
+      Swal.fire("알림", "공급처(PARTNER)를 선택하세요.", "warning");
+      return;
+    }
+    if (!form.delivery_date) {
+      Swal.fire("알림", "입고요청일을 선택하세요.", "warning");
+      return;
+    }
+    if (!form.title) {
+      Swal.fire("알림", "발주서 제목을 입력하세요.", "warning");
+      return;
+    }
+    if (parts.length === 0) {
+      Swal.fire("알림", "품목을 1건 이상 추가하세요.", "warning");
+      return;
+    }
+
+    // 실발주수량 자동 재계산 후 전송
+    const partsToSave = parts.map((p) => ({
+      ...p,
+      REAL_ORDER_QTY: String(Math.max(0, num(p.ORDER_QTY) - num(p.STOCK_QTY))),
+    }));
+    // 동시발주 — 유효한 항목만 추려서 전송
+    const multiToSave = multiProjects.filter((m) => m.contract_mgmt_objid);
+    // 중복/마스터 동일 체크
+    if (multiToSave.some((m) => m.contract_mgmt_objid === form.contract_mgmt_objid)) {
+      Swal.fire("알림", "동시적용 프로젝트에 마스터 프로젝트를 다시 넣을 수 없습니다.", "warning");
+      return;
+    }
+    const seen = new Set<string>();
+    for (const m of multiToSave) {
+      if (seen.has(m.contract_mgmt_objid)) {
+        Swal.fire("알림", "동시적용 프로젝트에 같은 프로젝트가 2번 이상 선택되어 있습니다.", "warning");
+        return;
+      }
+      seen.add(m.contract_mgmt_objid);
+    }
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/order/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objId: objId || undefined,
+          ...form,
+          parts: partsToSave,
+          multi_projects: multiToSave,
+          bom_report_objid: s(info.BOM_REPORT_OBJID),
+          sales_request_objid: s(info.SALES_REQUEST_OBJID),
+          my_company_objid: s(info.MY_COMPANY_OBJID),
+        }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "저장되었습니다.",
+          timer: 1200,
+          showConfirmButton: false,
+        });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen text-sm">
+      <div className="flex items-center justify-between mb-4 pb-2 border-b">
+        <div>
+          <h2 className="text-base font-bold text-gray-800">
+            발주서 (Purchase Order)
+            {info.PURCHASE_ORDER_NO ? ` — ${s(info.PURCHASE_ORDER_NO)}` : isNew ? " — 신규" : ""}
+          </h2>
+          <p className="text-xs text-gray-500 mt-0.5">
+            {s(info.STATUS_TITLE)}
+            {isMulti && (
+              <span className="ml-2 rounded bg-amber-100 px-2 py-0.5 text-amber-800">
+                동시발주 {isMaster ? "(마스터)" : "(연계)"}
+              </span>
+            )}
+            {isSlave && !isNew && (
+              <span className="ml-2 text-xs text-gray-500">
+                * 슬레이브건은 마스터 발주서에서 수정해주세요.
+              </span>
+            )}
+          </p>
+        </div>
+        <div className="flex gap-2 no-print">
+          {canEdit && (
+            <>
+              <Button size="sm" onClick={handleSave} disabled={saving}>
+                {saving ? "저장 중..." : "저장"}
+              </Button>
+              {!isNew && (
+                <Button size="sm" variant="secondary" onClick={handlePriceSave} disabled={saving}>
+                  단가저장
+                </Button>
+              )}
+            </>
+          )}
+          {!editing && !isNew && !isSlave && !lockedStatus && (
+            <Button size="sm" onClick={() => setEditing(true)}>
+              수정
+            </Button>
+          )}
+          {!isNew && !isSlave && (info.STATUS === "create" || info.STATUS === "reject") && (
+            <ApprovalButton
+              objIds={[objId]}
+              targetType="PURCHASE_ORDER"
+              title={`발주 결재 요청 — ${s(info.PURCHASE_ORDER_NO)}`}
+              description={s(info.TITLE)}
+              onSuccess={fetchDetail}
+            />
+          )}
+          {!isNew && (
+            <Button size="sm" variant="secondary" onClick={() => window.print()}>
+              발주서다운
+            </Button>
+          )}
+          <Button size="sm" variant="secondary" onClick={() => window.close()}>
+            닫기
+          </Button>
+        </div>
+      </div>
+
+      {loading ? (
+        <div className="py-12 text-center text-gray-400">불러오는 중...</div>
+      ) : (
+        <>
+          <Section title="발주 정보">
+            <div className="grid grid-cols-4 gap-x-4">
+              <FieldRow label="발주부품" required>
+                <SearchableCodeSelect
+                  codeId="0001068"
+                  value={form.type}
+                  onChange={(v) => setField("type", v)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+              <FieldRow label="발주구분" required>
+                <SearchableCodeSelect
+                  codeId="0001406"
+                  value={form.order_type_cd}
+                  onChange={(v) => setField("order_type_cd", v)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+              <FieldRow label="프로젝트번호" required>
+                <SearchableSelect
+                  options={projectOptions}
+                  value={form.contract_mgmt_objid}
+                  onChange={(v) => {
+                    setField("contract_mgmt_objid", v);
+                    setField("unit_code", "");
+                  }}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+              <FieldRow label="유닛명" required>
+                <SearchableSelect
+                  options={unitOptions}
+                  value={form.unit_code}
+                  onChange={(v) => setField("unit_code", v)}
+                  disabled={!canEdit || !form.contract_mgmt_objid}
+                />
+              </FieldRow>
+
+              <FieldRow label="입고요청일" required>
+                <Input
+                  type="date"
+                  value={form.delivery_date}
+                  onChange={(e) => setField("delivery_date", e.target.value)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+              <FieldRow label="납품장소">
+                <SearchableCodeSelect
+                  codeId="0001146"
+                  value={form.delivery_place}
+                  onChange={(v) => setField("delivery_place", v)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+              <FieldRow label="검수방법">
+                <SearchableCodeSelect
+                  codeId="0001071"
+                  value={form.inspect_method}
+                  onChange={(v) => setField("inspect_method", v)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+              <FieldRow label="결제조건">
+                <SearchableCodeSelect
+                  codeId="0001074"
+                  value={form.payment_terms}
+                  onChange={(v) => setField("payment_terms", v)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+
+              {form.order_type_cd === "0001408" && (
+                <FieldRow label="원본 발주서" span={4}>
+                  <SearchableSelect
+                    options={prevOrderOptions}
+                    value={form.purchase_order_no_org}
+                    onChange={(v) => setField("purchase_order_no_org", v)}
+                    disabled={!canEdit}
+                  />
+                </FieldRow>
+              )}
+
+              <FieldRow label="발주서제목" required span={4}>
+                <Input
+                  value={form.title}
+                  onChange={(e) => setField("title", e.target.value)}
+                  disabled={!canEdit}
+                />
+              </FieldRow>
+            </div>
+          </Section>
+
+          <div className="grid grid-cols-2 gap-4 mb-3">
+            {(() => {
+              const selUser = userMap[form.sales_mng_user_id];
+              return (
+                <PartyBox
+                  title="발주처"
+                  company={COMPANY_INFO.NAME || s(info.PO_CLIENT_NAME)}
+                  busNo={COMPANY_INFO.BUS_NO || s(info.PO_CLIENT_BUS_NO)}
+                  chargerSelect={{
+                    value: form.sales_mng_user_id,
+                    options: userOptions,
+                    onChange: (v) => setField("sales_mng_user_id", v),
+                    disabled: !canEdit,
+                  }}
+                  tel={COMPANY_INFO.TEL || s(info.PO_CLIENT_TEL)}
+                  fax={COMPANY_INFO.FAX || s(info.PO_CLIENT_FAX)}
+                  hp={s(selUser?.CELL_PHONE) || COMPANY_INFO.HP || s(info.PO_CLIENT_HP)}
+                  email={s(selUser?.EMAIL) || COMPANY_INFO.EMAIL || s(info.PO_CLIENT_EMAIL)}
+                  addr={COMPANY_INFO.ADDR || s(info.PO_CLIENT_ADDR)}
+                />
+              );
+            })()}
+            {(() => {
+              const sup = (form.partner_objid && supplyMap[form.partner_objid]) || {};
+              return (
+                <PartyBox
+                  title="공급처"
+                  required
+                  companySelect={{
+                    value: form.partner_objid,
+                    options: supplyOptions,
+                    onChange: (v) => setField("partner_objid", v),
+                    disabled: !canEdit,
+                  }}
+                  busNo={s(sup.BUS_REG_NO) || s(info.PARTNER_BUS_NO) || s(info.SUPPLY_BUS_NO)}
+                  charger={s(sup.CHARGE_USER_NAME) || s(info.PARTNER_CHARGER) || s(info.SUPPLY_USER_NAME)}
+                  tel={s(sup.SUPPLY_TEL_NO) || s(info.PARTNER_TEL) || s(info.SUPPLY_USER_TEL)}
+                  fax={s(sup.SUPPLY_FAX_NO) || s(info.PARTNER_FAX) || s(info.SUPPLY_USER_FAX)}
+                  hp={s(sup.OFFICE_NO) || s(info.PARTNER_HP) || s(info.SUPPLY_USER_HP)}
+                  email={s(sup.EMAIL) || s(info.PARTNER_EMAIL) || s(info.SUPPLY_USER_EMAIL)}
+                  addr={s(sup.SUPPLY_ADDRESS) || s(info.PARTNER_ADDR) || s(info.SUPPLY_ADDR)}
+                />
+              );
+            })()}
+          </div>
+
+          <Section title="발주 품목">
+            <div className="flex justify-between items-center mb-2">
+              <span className="text-xs text-gray-600">{parts.length}건</span>
+              {canEdit && (
+                <div className="flex gap-1 no-print">
+                  <Button size="sm" variant="secondary" onClick={handleBomLoadClick}>
+                    BOM 자동투입
+                  </Button>
+                  <Button size="sm" variant="secondary" onClick={addPart}>
+                    행 추가
+                  </Button>
+                  <Button size="sm" variant="danger" onClick={removeCheckedParts}>
+                    행 삭제
+                  </Button>
+                </div>
+              )}
+            </div>
+            <div className="border rounded overflow-auto" style={{ maxHeight: "380px" }}>
+              <table className="text-xs border-collapse" style={{ minWidth: "1800px", tableLayout: "fixed" }}>
+                <colgroup>
+                  {canEdit && <col style={{ width: "36px" }} />}
+                  <col style={{ width: "160px" }} />
+                  <col style={{ width: "140px" }} />
+                  <col style={{ width: "140px" }} />
+                  <col style={{ width: "90px" }} />
+                  <col style={{ width: "60px" }} />
+                  <col style={{ width: "70px" }} />
+                  <col style={{ width: "90px" }} />
+                  <col style={{ width: "90px" }} />
+                  <col style={{ width: "90px" }} />
+                  <col style={{ width: "90px" }} />
+                  <col style={{ width: "90px" }} />
+                  <col style={{ width: "100px" }} />
+                  <col style={{ width: "80px" }} />
+                  <col style={{ width: "80px" }} />
+                  <col style={{ width: "80px" }} />
+                  <col style={{ width: "100px" }} />
+                </colgroup>
+                <thead className="bg-gray-50 text-gray-700 sticky top-0 z-10">
+                  <tr>
+                    {canEdit && (
+                      <th className="border px-1 py-1">
+                        <input
+                          type="checkbox"
+                          checked={partChecks.size > 0 && partChecks.size === parts.length}
+                          onChange={toggleAllParts}
+                        />
+                      </th>
+                    )}
+                    <th className="border px-1 py-1">품명</th>
+                    <th className="border px-1 py-1">품번</th>
+                    <th className="border px-1 py-1">규격</th>
+                    <th className="border px-1 py-1">Maker</th>
+                    <th className="border px-1 py-1">단위</th>
+                    <th className="border px-1 py-1">수량</th>
+                    <th className="border px-1 py-1">공급단가</th>
+                    <th className="border px-1 py-1">레이져단가</th>
+                    <th className="border px-1 py-1">용접단가</th>
+                    <th className="border px-1 py-1">가공단가</th>
+                    <th className="border px-1 py-1">후처리단가</th>
+                    <th className="border px-1 py-1">공급가</th>
+                    <th className="border px-1 py-1">총발주수량</th>
+                    <th className="border px-1 py-1">재고수량</th>
+                    <th className="border px-1 py-1">총실발주수량</th>
+                    <th className="border px-1 py-1">실공급가</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {parts.length === 0 ? (
+                    <tr>
+                      <td
+                        colSpan={canEdit ? 17 : 16}
+                        className="py-6 text-center text-gray-400 border-b"
+                      >
+                        품목이 없습니다.
+                      </td>
+                    </tr>
+                  ) : (
+                    parts.map((p, idx) => {
+                      const qty = num(p.ORDER_QTY);
+                      const unit = num(p.PARTNER_PRICE);
+                      const sum = qty * (unit + num(p.PRICE1) + num(p.PRICE2) + num(p.PRICE3) + num(p.PRICE4));
+                      const vatRate = form.vat_method === "0000270" ? 0 : 0.1;
+                      const realSupply = Math.round(sum * (1 + vatRate));
+                      const realOrderQty = Math.max(0, qty - num(p.STOCK_QTY));
+                      // BOM에서 불러온 행(등록된 파트 연결) = PART_OBJID 존재
+                      // 이 경우 품명/품번/규격/Maker/수량 수정 불가 (자동으로 불러온 정보 유지)
+                      const fromBom = !!p.PART_OBJID;
+                      const canEditPartInfo = canEdit && !fromBom;
+                      const canEditQty = canEdit && !fromBom;
+                      return (
+                        <tr key={idx}>
+                          {canEdit && (
+                            <td className="border px-1 py-0.5 text-center">
+                              <input
+                                type="checkbox"
+                                checked={partChecks.has(idx)}
+                                onChange={() => togglePartCheck(idx)}
+                              />
+                            </td>
+                          )}
+                          <td className="border px-1 py-0.5">
+                            {canEditPartInfo ? (
+                              <Input
+                                value={s(p.PART_NAME)}
+                                onChange={(e) => updatePart(idx, { PART_NAME: e.target.value })}
+                                className="h-7 text-xs"
+                              />
+                            ) : (
+                              <span className="block truncate" title={s(p.PART_NAME)}>
+                                {s(p.PART_NAME)}
+                              </span>
+                            )}
+                          </td>
+                          <td className="border px-1 py-0.5">
+                            {canEditPartInfo ? (
+                              <Input
+                                value={s(p.PART_NO)}
+                                onChange={(e) => updatePart(idx, { PART_NO: e.target.value })}
+                                className="h-7 text-xs"
+                              />
+                            ) : (
+                              <span className="block truncate" title={s(p.PART_NO)}>
+                                {s(p.PART_NO)}
+                              </span>
+                            )}
+                          </td>
+                          <td className="border px-1 py-0.5">
+                            {canEditPartInfo ? (
+                              <Input
+                                value={s(p.SPEC)}
+                                onChange={(e) => updatePart(idx, { SPEC: e.target.value })}
+                                className="h-7 text-xs"
+                              />
+                            ) : (
+                              <span className="block truncate" title={s(p.SPEC)}>
+                                {s(p.SPEC)}
+                              </span>
+                            )}
+                          </td>
+                          <td className="border px-1 py-0.5">
+                            {canEditPartInfo ? (
+                              <Input
+                                value={s(p.MAKER)}
+                                onChange={(e) => updatePart(idx, { MAKER: e.target.value })}
+                                className="h-7 text-xs"
+                              />
+                            ) : (
+                              <span className="block truncate" title={s(p.MAKER)}>
+                                {s(p.MAKER)}
+                              </span>
+                            )}
+                          </td>
+                          <td className="border px-1 py-0.5">
+                            {canEdit ? (
+                              <SearchableCodeSelect
+                                codeId="0001399"
+                                value={s(p.UNIT)}
+                                onChange={(v) => updatePart(idx, { UNIT: v })}
+                              />
+                            ) : (
+                              <span className="block text-center">{s((p as Row).UNIT_NAME) || s(p.UNIT)}</span>
+                            )}
+                          </td>
+                          <td className="border px-1 py-0.5">
+                            {canEditQty ? (
+                              <NumInput
+                                value={s(p.ORDER_QTY)}
+                                onChange={(v) => updatePart(idx, { ORDER_QTY: v })}
+                                className="h-7 text-xs text-right"
+                              />
+                            ) : (
+                              <span className="block text-right">{n(p.ORDER_QTY)}</span>
+                            )}
+                          </td>
+                          <PriceCell canEdit={canEdit} value={s(p.PARTNER_PRICE)}
+                            onChange={(v) => updatePart(idx, { PARTNER_PRICE: v })} />
+                          <PriceCell canEdit={canEdit} value={s(p.PRICE1)}
+                            onChange={(v) => updatePart(idx, { PRICE1: v })} />
+                          <PriceCell canEdit={canEdit} value={s(p.PRICE2)}
+                            onChange={(v) => updatePart(idx, { PRICE2: v })} />
+                          <PriceCell canEdit={canEdit} value={s(p.PRICE3)}
+                            onChange={(v) => updatePart(idx, { PRICE3: v })} />
+                          <PriceCell canEdit={canEdit} value={s(p.PRICE4)}
+                            onChange={(v) => updatePart(idx, { PRICE4: v })} />
+                          <td className="border px-1 py-0.5 text-right text-gray-700 font-semibold">
+                            {numberWithCommas(sum)}
+                          </td>
+                          <td className="border px-1 py-0.5 text-right text-gray-500">
+                            {n(p.TOTAL_ORDER_QTY) || "-"}
+                          </td>
+                          <td className="border px-1 py-0.5">
+                            {canEdit ? (
+                              <NumInput
+                                value={s(p.STOCK_QTY)}
+                                onChange={(v) => updatePart(idx, { STOCK_QTY: v })}
+                                className="h-7 text-xs text-right"
+                              />
+                            ) : (
+                              <span className="block text-right">{n(p.STOCK_QTY) || "-"}</span>
+                            )}
+                          </td>
+                          <td className="border px-1 py-0.5 text-right text-gray-500">
+                            {canEdit ? numberWithCommas(realOrderQty) : (n(p.REAL_ORDER_QTY) || "-")}
+                          </td>
+                          <td className="border px-1 py-0.5 text-right text-gray-700 font-semibold">
+                            {numberWithCommas(realSupply)}
+                          </td>
+                        </tr>
+                      );
+                    })
+                  )}
+                </tbody>
+              </table>
+            </div>
+          </Section>
+
+          <Section title="금액 합계">
+            <div className="grid grid-cols-5 gap-x-4">
+              <SumField label="공급가 합계">{numberWithCommas(totals.supplyPrice)}</SumField>
+              <SumField label="공급단가 합계">{numberWithCommas(totals.supplyUnit)}</SumField>
+              <div className="flex items-center gap-2 border-b border-gray-100 text-xs h-7">
+                <span className="w-[90px] shrink-0 text-gray-500">할인금액</span>
+                {canEdit ? (
+                  <div className="flex-1">
+                    <NumInput
+                      value={form.discount_price}
+                      onChange={(v) => setField("discount_price", v)}
+                      className="h-6 text-xs text-right"
+                    />
+                  </div>
+                ) : (
+                  <span className="flex-1 text-right">{numberWithCommas(totals.discount)}</span>
+                )}
+              </div>
+              <SumField label="합계금액">{numberWithCommas(totals.total)}</SumField>
+              <SumField label="실공급가(VAT포함)">{numberWithCommas(totals.realSupply)}</SumField>
+            </div>
+          </Section>
+
+          <Section title="동시적용 프로젝트">
+            <div className="flex items-center justify-between mb-2">
+              <span className="text-xs text-gray-500">
+                같은 상위 계약(contract)에 속하고 선택된 공급처의 구매BOM이 등록된 프로젝트만 선택 가능.
+                {multiProjectOptions.length > 0 && canEdit && ` (후보 ${multiProjectOptions.length}건)`}
+                {slaves.length > 0 && !canEdit && ` 현재 ${slaves.length}건 연계됨.`}
+              </span>
+              {canEdit && (
+                <Button
+                  size="sm"
+                  variant="secondary"
+                  onClick={() =>
+                    setMultiProjects((prev) =>
+                      prev.length >= 10 ? prev : [...prev, { contract_mgmt_objid: "" }],
+                    )
+                  }
+                >
+                  프로젝트 추가
+                </Button>
+              )}
+            </div>
+            {multiProjects.length === 0 ? (
+              <div className="py-3 text-center text-xs text-gray-400 border rounded">
+                동시발주가 필요하면 '프로젝트 추가'를 눌러 연계 프로젝트를 등록하세요.
+              </div>
+            ) : (
+              <div className="border rounded overflow-auto">
+                <table className="w-full text-xs border-collapse">
+                  <thead className="bg-gray-50 text-gray-700">
+                    <tr>
+                      <th className="border px-2 py-1 w-[260px]">프로젝트</th>
+                      <th className="border px-2 py-1 w-[140px]">입고계획일</th>
+                      <th className="border px-2 py-1 w-[120px]">입고계획수량</th>
+                      {canEdit && <th className="border px-2 py-1 w-[60px]">삭제</th>}
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {multiProjects.map((m, idx) => {
+                      // 다른 행에서 이미 선택된 프로젝트는 제외 (자기 행의 현재 값은 유지)
+                      const usedInOthers = new Set(
+                        multiProjects
+                          .filter((_, i) => i !== idx)
+                          .map((x) => x.contract_mgmt_objid)
+                          .filter(Boolean),
+                      );
+                      const rowOptions = multiProjectOptions.filter(
+                        (o) => !usedInOthers.has(o.value),
+                      );
+                      return (
+                      <tr key={idx}>
+                        <td className="border px-1 py-0.5">
+                          {canEdit ? (
+                            <SearchableSelect
+                              options={rowOptions}
+                              value={m.contract_mgmt_objid}
+                              onChange={(v) =>
+                                setMultiProjects((prev) =>
+                                  prev.map((x, i) =>
+                                    i === idx ? { ...x, contract_mgmt_objid: v } : x,
+                                  ),
+                                )
+                              }
+                            />
+                          ) : (
+                            <span>{m.PROJECT_NO || m.contract_mgmt_objid}</span>
+                          )}
+                        </td>
+                        <td className="border px-1 py-0.5">
+                          {canEdit ? (
+                            <input
+                              type="date"
+                              value={s(m.delivery_plan_date)}
+                              onChange={(e) =>
+                                setMultiProjects((prev) =>
+                                  prev.map((x, i) =>
+                                    i === idx ? { ...x, delivery_plan_date: e.target.value } : x,
+                                  ),
+                                )
+                              }
+                              className="h-7 w-full rounded border border-gray-300 bg-white px-2 text-xs"
+                            />
+                          ) : (
+                            <span className="block text-center">{s(m.delivery_plan_date)}</span>
+                          )}
+                        </td>
+                        <td className="border px-1 py-0.5">
+                          {canEdit ? (
+                            <NumInput
+                              value={s(m.delivery_plan_qty)}
+                              onChange={(v) =>
+                                setMultiProjects((prev) =>
+                                  prev.map((x, i) =>
+                                    i === idx ? { ...x, delivery_plan_qty: v } : x,
+                                  ),
+                                )
+                              }
+                              className="h-7 text-xs text-right"
+                            />
+                          ) : (
+                            <span className="block text-right">{n(m.delivery_plan_qty)}</span>
+                          )}
+                        </td>
+                        {canEdit && (
+                          <td className="border px-1 py-0.5 text-center">
+                            <Button
+                              size="sm"
+                              variant="danger"
+                              onClick={() =>
+                                setMultiProjects((prev) => prev.filter((_, i) => i !== idx))
+                              }
+                            >
+                              X
+                            </Button>
+                          </td>
+                        )}
+                      </tr>
+                      );
+                    })}
+                  </tbody>
+                </table>
+              </div>
+            )}
+          </Section>
+
+          <Section title="작업지시사항">
+            <textarea
+              value={form.remark}
+              onChange={(e) => setField("remark", e.target.value)}
+              disabled={!canEdit}
+              rows={4}
+              className="w-full rounded border border-gray-300 bg-white px-2 py-1 text-xs outline-none focus:border-primary focus:ring-1 focus:ring-primary/50 disabled:bg-gray-50 disabled:cursor-not-allowed"
+            />
+          </Section>
+
+          {!canEdit && (
+            <>
+              {isMaster && slaves.length > 0 && (
+                <Section title={`연계 동시발주 (${slaves.length}건)`}>
+                  <div className="border rounded overflow-auto">
+                    <table className="w-full text-xs border-collapse">
+                      <thead className="bg-gray-50 text-gray-700">
+                        <tr>
+                          <th className="border px-1 py-1">발주No</th>
+                          <th className="border px-1 py-1">공급업체</th>
+                          <th className="border px-1 py-1">합계금액</th>
+                          <th className="border px-1 py-1">상태</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        {slaves.map((r, i) => (
+                          <tr key={i}>
+                            <td className="border px-1 py-0.5">{s(r.PURCHASE_ORDER_NO)}</td>
+                            <td className="border px-1 py-0.5">{s(r.PARTNER_NAME)}</td>
+                            <td className="border px-1 py-0.5 text-right">{n(r.TOTAL_PRICE)}</td>
+                            <td className="border px-1 py-0.5 text-center">{s(r.STATUS)}</td>
+                          </tr>
+                        ))}
+                      </tbody>
+                    </table>
+                  </div>
+                </Section>
+              )}
+            </>
+          )}
+
+          <div className="flex justify-end gap-2 mt-6 pt-4 border-t no-print">
+            {canEdit && (
+              <Button onClick={handleSave} disabled={saving}>
+                {saving ? "저장 중..." : "저장"}
+              </Button>
+            )}
+            <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+          </div>
+        </>
+      )}
+    </div>
+  );
+}
+
+function PartyBox({
+  title,
+  company,
+  companySelect,
+  required,
+  busNo,
+  charger,
+  chargerSelect,
+  tel,
+  fax,
+  hp,
+  email,
+  addr,
+}: {
+  title: string;
+  company?: string;
+  companySelect?: {
+    value: string;
+    options: { value: string; label: string }[];
+    onChange: (v: string) => void;
+    disabled?: boolean;
+  };
+  required?: boolean;
+  busNo?: string;
+  charger?: string;
+  chargerSelect?: {
+    value: string;
+    options: { value: string; label: string }[];
+    onChange: (v: string) => void;
+    disabled?: boolean;
+  };
+  tel?: string;
+  fax?: string;
+  hp?: string;
+  email?: string;
+  addr?: string;
+}) {
+  const colorByTitle =
+    title === "발주처" ? "border-blue-300 bg-blue-50/30" : "border-emerald-300 bg-emerald-50/30";
+  return (
+    <div className={`border-2 rounded ${colorByTitle} p-2`}>
+      <h3 className="text-xs font-bold text-gray-700 mb-1">{title}</h3>
+      <div className="grid grid-cols-2 gap-x-4">
+        <FieldRow label="회사명" span={2} required={required}>
+          {companySelect ? (
+            <SearchableSelect
+              options={companySelect.options}
+              value={companySelect.value}
+              onChange={companySelect.onChange}
+              disabled={companySelect.disabled}
+            />
+          ) : (
+            company
+          )}
+        </FieldRow>
+        <FieldRow label="사업자번호">{busNo}</FieldRow>
+        <FieldRow label="담당자">
+          {chargerSelect ? (
+            <SearchableSelect
+              options={chargerSelect.options}
+              value={chargerSelect.value}
+              onChange={chargerSelect.onChange}
+              disabled={chargerSelect.disabled}
+            />
+          ) : (
+            charger
+          )}
+        </FieldRow>
+        <FieldRow label="HP">{hp}</FieldRow>
+        <FieldRow label="E-MAIL">{email}</FieldRow>
+        <FieldRow label="전화">{tel}</FieldRow>
+        <FieldRow label="FAX">{fax}</FieldRow>
+        <FieldRow label="주소" span={2}>{addr}</FieldRow>
+      </div>
+    </div>
+  );
+}
+
+function Section({ title, children }: { title: string; children: React.ReactNode }) {
+  return (
+    <div className="mb-3">
+      <h3 className="text-xs font-bold text-gray-700 mb-1 border-l-4 border-primary pl-2">{title}</h3>
+      {children}
+    </div>
+  );
+}
+
+function FieldRow({
+  label,
+  children,
+  span,
+  required,
+}: {
+  label: string;
+  children: React.ReactNode;
+  span?: number;
+  required?: boolean;
+}) {
+  const col = span === 4 ? "col-span-4" : span === 3 ? "col-span-3" : span === 2 ? "col-span-2" : "";
+  return (
+    <div className={cn(col, "flex items-center border-b border-gray-100 text-xs min-h-7 py-0.5")}>
+      <span className="w-[90px] shrink-0 text-gray-500">
+        {label} {required && <span className="text-red-400">*</span>}
+      </span>
+      <span className="flex-1 truncate text-gray-800">
+        {children || <span className="text-gray-300">-</span>}
+      </span>
+    </div>
+  );
+}
+
+function PriceCell({
+  canEdit,
+  value,
+  onChange,
+}: {
+  canEdit: boolean;
+  value: string;
+  onChange: (v: string) => void;
+}) {
+  return (
+    <td className="border px-1 py-0.5">
+      {canEdit ? (
+        <NumInput value={value} onChange={onChange} className="h-7 text-xs text-right" />
+      ) : (
+        <span className="block text-right">{value ? numberWithCommas(value) : "-"}</span>
+      )}
+    </td>
+  );
+}
+
+// 숫자 입력 전용: 표시는 천단위 콤마, state에는 콤마 제거된 숫자 문자열만 저장.
+function NumInput({
+  value,
+  onChange,
+  className,
+  disabled,
+}: {
+  value: string;
+  onChange: (v: string) => void;
+  className?: string;
+  disabled?: boolean;
+}) {
+  const raw = String(value ?? "").replace(/,/g, "");
+  const display = raw === "" ? "" : numberWithCommas(raw);
+  return (
+    <Input
+      type="text"
+      inputMode="numeric"
+      value={display}
+      onChange={(e) => {
+        const cleaned = e.target.value.replace(/,/g, "").replace(/[^\d.-]/g, "");
+        onChange(cleaned);
+      }}
+      disabled={disabled}
+      className={className}
+    />
+  );
+}
+
+function SumField({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <div className="flex items-center border-b border-gray-100 text-xs h-7">
+      <span className="w-[90px] shrink-0 text-gray-500">{label}</span>
+      <span className="flex-1 text-right font-semibold text-gray-800">{children}</span>
+    </div>
+  );
+}
+
+export default function Page() {
+  // 팝업 폼은 클라이언트 전용 — 마운트 후에만 렌더해서 SSR/Hydration 불일치 방지.
+  const [mounted, setMounted] = useState(false);
+  useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return <div className="p-8 text-center text-gray-400">로딩 중...</div>;
+  }
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <OrderForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
new file mode 100644
index 0000000..a74cb27
--- /dev/null
+++ b/src/app/page.tsx
@@ -0,0 +1,5 @@
+import { redirect } from "next/navigation";
+
+export default function Home() {
+  redirect("/dashboard");
+}
diff --git a/src/app/part-mgmt/form/page.tsx b/src/app/part-mgmt/form/page.tsx
new file mode 100644
index 0000000..5d1f95e
--- /dev/null
+++ b/src/app/part-mgmt/form/page.tsx
@@ -0,0 +1,87 @@
+"use client";
+
+// /part-mgmt/form - 기존 part-mgmt 페이지의 PART 등록 폼
+// product/part-register/form과 동일 구조
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+function PartForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/product/part/detail", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      }).then((r) => r.json()).then((d) => { if (d.success) setForm(d.data); }).catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.part_no) { Swal.fire("알림", "품번을 입력하세요.", "warning"); return; }
+    if (!form.part_name) { Swal.fire("알림", "품명을 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/part/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else { Swal.fire("오류", data.message || "저장 실패", "error"); }
+    } catch { Swal.fire("오류", "서버 오류", "error"); }
+    finally { setLoading(false); }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "PART 등록" : "PART 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">품번 <span className="text-red-400">*</span></label>
+          <Input value={form.part_no || ""} onChange={(e) => set("part_no", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">품명 <span className="text-red-400">*</span></label>
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">단위</label>
+          <CodeSelect codeId="0000059" value={form.unit || ""} onChange={(v) => set("unit", v)} className="w-full" /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">수량</label>
+          <Input value={form.qty || ""} onChange={(e) => set("qty", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">규격</label>
+          <Input value={form.spec || ""} onChange={(e) => set("spec", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">재질</label>
+          <Input value={form.material || ""} onChange={(e) => set("material", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">중량</label>
+          <Input value={form.weight || ""} onChange={(e) => set("weight", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">PART구분</label>
+          <CodeSelect codeId="0000062" value={form.part_type || ""} onChange={(v) => set("part_type", v)} className="w-full" /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">업체</label>
+          <Input value={form.maker || ""} onChange={(e) => set("maker", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">후처리</label>
+          <Input value={form.post_processing || ""} onChange={(e) => set("post_processing", e.target.value)} /></div>
+        <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">비고</label>
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} /></div>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}><PartForm /></Suspense>;
+}
diff --git a/src/app/part/register/form/page.tsx b/src/app/part/register/form/page.tsx
new file mode 100644
index 0000000..970770f
--- /dev/null
+++ b/src/app/part/register/form/page.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+function PartRegisterForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/product/part/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.part_no) {
+      Swal.fire("알림", "PART NO를 입력하세요.", "warning");
+      return;
+    }
+    if (!form.part_name) {
+      Swal.fire("알림", "PART NAME을 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/part/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "Part 등록" : "Part 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="PART NO" required>
+          <Input value={form.part_no || ""} onChange={(e) => set("part_no", e.target.value)} />
+        </FormField>
+        <FormField label="PART NAME" required>
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} />
+        </FormField>
+        <FormField label="PART TYPE">
+          <CodeSelect codeId="0000145" value={form.part_type || ""} onChange={(v) => set("part_type", v)} className="w-full" />
+        </FormField>
+        <FormField label="MATERIAL">
+          <Input value={form.material || ""} onChange={(e) => set("material", e.target.value)} />
+        </FormField>
+        <FormField label="SPEC">
+          <Input value={form.spec || ""} onChange={(e) => set("spec", e.target.value)} />
+        </FormField>
+        <FormField label="POST PROCESSING">
+          <Input value={form.post_processing || ""} onChange={(e) => set("post_processing", e.target.value)} />
+        </FormField>
+        <FormField label="MAKER">
+          <Input value={form.maker || ""} onChange={(e) => set("maker", e.target.value)} />
+        </FormField>
+        <FormField label="REVISION">
+          <Input value={form.revision || ""} onChange={(e) => set("revision", e.target.value)} />
+        </FormField>
+        <FormField label="BOM QTY">
+          <Input type="number" value={form.bom_qty || ""} onChange={(e) => set("bom_qty", e.target.value)} />
+        </FormField>
+        <FormField label="REMARK">
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PartRegisterForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/procurement-std/popup/code-form/page.tsx b/src/app/procurement-std/popup/code-form/page.tsx
new file mode 100644
index 0000000..faa24d1
--- /dev/null
+++ b/src/app/procurement-std/popup/code-form/page.tsx
@@ -0,0 +1,168 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { getStdCategoryByAlias, validateStdCodeId } from "@/lib/procurement-std";
+
+// procurStandMgmt/code1RegistFormPopUp.jsp 대응
+function CodeFormPopup() {
+  const params = useSearchParams();
+  const alias = params.get("alias") || "";
+  const objId = params.get("objId") || "";
+  const isNew = !objId;
+
+  const def = getStdCategoryByAlias(alias);
+
+  const [codeId, setCodeId] = useState("");
+  const [codeName, setCodeName] = useState("");
+  const [detail, setDetail] = useState("");
+  const [status, setStatus] = useState("active");
+
+  const fetchDetail = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/procurement-std/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ mode: "code", objId }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      setCodeId(String(j.data.CODE_ID || ""));
+      setCodeName(String(j.data.CODE_NAME || ""));
+      setDetail(String(j.data.DETAIL || ""));
+      setStatus(String(j.data.STATUS || "active"));
+    }
+  }, [objId]);
+
+  useEffect(() => { fetchDetail(); }, [fetchDetail]);
+
+  if (!def) {
+    return <div className="p-8 text-center text-red-500">카테고리가 올바르지 않습니다.</div>;
+  }
+
+  const title = `${def.label}(${def.alias}) ${isNew ? "등록" : "수정"}`;
+
+  const handleSave = async () => {
+    if (!codeName.trim()) {
+      Swal.fire({ icon: "warning", title: "구분을 입력하세요." });
+      return;
+    }
+    const v = validateStdCodeId(alias, codeId.toUpperCase());
+    if (!v.ok) {
+      Swal.fire({ icon: "warning", title: v.message });
+      return;
+    }
+
+    // 중복 체크
+    const dupRes = await fetch("/api/procurement-std/overlap", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        mode: "code",
+        objId: objId || "0",
+        code_group: alias,
+        code_id: codeId.toUpperCase(),
+        code_name: codeName,
+      }),
+    });
+    const dupJson = await dupRes.json();
+    if (dupJson.duplicate) {
+      Swal.fire({ icon: "warning", title: "중복되는 구분 및 코드가 존재합니다.", text: "구분 및 CODE를 확인하시기 바랍니다." });
+      return;
+    }
+
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const res = await fetch("/api/procurement-std/save", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        actionType: isNew ? "regist" : "update",
+        objId,
+        code_group: alias,
+        code_id: codeId.toUpperCase(),
+        code_name: codeName,
+        detail: def.showDetail ? detail : "",
+        status,
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      const opener = window.opener as Window & { fn_search?: () => void } | null;
+      if (opener) {
+        try {
+          if (typeof opener.fn_search === "function") opener.fn_search();
+          else opener.location.reload();
+        } catch { /* cross-origin */ }
+      }
+      window.close();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">{title}</h2>
+
+      <table className="w-full text-sm border-collapse">
+        <tbody>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-1.5 w-[120px] font-medium text-gray-700">
+              구분<span className="text-red-500 ml-1">*</span>
+            </td>
+            <td className="border border-gray-200 px-2 py-1.5">
+              <Input value={codeName} onChange={(e) => setCodeName(e.target.value)} />
+            </td>
+          </tr>
+          {def.showDetail && (
+            <tr>
+              <td className="border border-gray-200 bg-gray-50 px-3 py-1.5 font-medium text-gray-700">상세내용</td>
+              <td className="border border-gray-200 px-2 py-1.5">
+                <Input value={detail} onChange={(e) => setDetail(e.target.value)} />
+              </td>
+            </tr>
+          )}
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-1.5 font-medium text-gray-700">
+              CODE ({def.codeLength}자리)<span className="text-red-500 ml-1">*</span>
+            </td>
+            <td className="border border-gray-200 px-2 py-1.5">
+              <Input
+                value={codeId}
+                onChange={(e) => setCodeId(e.target.value.toUpperCase())}
+                maxLength={def.codeLength}
+                placeholder={def.codeDesc}
+                disabled={!isNew}
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave}>저장</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <CodeFormPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/procurement-std/popup/material-form/page.tsx b/src/app/procurement-std/popup/material-form/page.tsx
new file mode 100644
index 0000000..728aa30
--- /dev/null
+++ b/src/app/procurement-std/popup/material-form/page.tsx
@@ -0,0 +1,216 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+
+// procurStandMgmt/materialCodeFormPopUp.jsp 대응
+type CodeOption = { value: string; label: string; code_id: string; code_name: string };
+type OptionsMap = { CODE1: CodeOption[]; CODE2: CodeOption[]; CODE3: CodeOption[]; CODE4: CodeOption[]; CODE5: CodeOption[] };
+
+const EMPTY_OPTS: OptionsMap = { CODE1: [], CODE2: [], CODE3: [], CODE4: [], CODE5: [] };
+
+function MaterialFormPopup() {
+  const params = useSearchParams();
+  const objId = params.get("objId") || "";
+  const readOnly = params.get("readOnly") === "true";
+  const isNew = !objId;
+
+  const [opts, setOpts] = useState<OptionsMap>(EMPTY_OPTS);
+  const [sel, setSel] = useState<{ CODE1: string; CODE2: string; CODE3: string; CODE4: string; CODE5: string }>({
+    CODE1: "", CODE2: "", CODE3: "", CODE4: "", CODE5: "",
+  });
+
+  // 드롭다운 옵션 로드
+  const fetchOptions = useCallback(async () => {
+    const res = await fetch("/api/procurement-std/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ mode: "options" }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) setOpts(j.data);
+  }, []);
+
+  // 기존 레코드 로드
+  const fetchDetail = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/procurement-std/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ mode: "material", objId }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      setSel({
+        CODE1: String(j.data.CODE_OBJID1 || ""),
+        CODE2: String(j.data.CODE_OBJID2 || ""),
+        CODE3: String(j.data.CODE_OBJID3 || ""),
+        CODE4: String(j.data.CODE_OBJID4 || ""),
+        CODE5: String(j.data.CODE_OBJID5 || ""),
+      });
+    }
+  }, [objId]);
+
+  useEffect(() => { fetchOptions(); }, [fetchOptions]);
+  useEffect(() => { fetchDetail(); }, [fetchDetail]);
+
+  const codeIdOf = (alias: keyof OptionsMap, value: string): string => {
+    const found = opts[alias].find((o) => o.value === value);
+    return found ? found.code_id : "";
+  };
+
+  const combinedCode = useMemo(() => {
+    const parts = [
+      codeIdOf("CODE1", sel.CODE1),
+      codeIdOf("CODE2", sel.CODE2),
+      codeIdOf("CODE3", sel.CODE3),
+      codeIdOf("CODE4", sel.CODE4),
+      codeIdOf("CODE5", sel.CODE5),
+    ];
+    if (parts.some((p) => !p)) return "";
+    return parts.join("");
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [sel, opts]);
+
+  const title = isNew ? "자재코드 등록" : readOnly ? "자재코드 조회" : "자재코드 수정";
+
+  const handleSave = async () => {
+    const aliases: (keyof OptionsMap)[] = ["CODE1", "CODE2", "CODE3", "CODE4", "CODE5"];
+    const labels = ["대분류", "중분류", "Maker", "품명", "규격"];
+    for (let i = 0; i < 5; i++) {
+      if (!sel[aliases[i]]) {
+        Swal.fire({ icon: "warning", title: `${labels[i]}을(를) 선택하세요.` });
+        return;
+      }
+    }
+
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const res = await fetch("/api/procurement-std/material-save", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        actionType: isNew ? "regist" : "update",
+        objId,
+        code_objid1: sel.CODE1,
+        code_objid2: sel.CODE2,
+        code_objid3: sel.CODE3,
+        code_objid4: sel.CODE4,
+        code_objid5: sel.CODE5,
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      const opener = window.opener as Window & { fn_search?: () => void } | null;
+      if (opener) {
+        try {
+          if (typeof opener.fn_search === "function") opener.fn_search();
+          else opener.location.reload();
+        } catch { /* cross-origin */ }
+      }
+      window.close();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">{title}</h2>
+
+      {/* 조합 코드 표시 영역 */}
+      <div className="flex items-center gap-3 mb-4 px-4 py-3 bg-gray-50 border rounded">
+        <div className="flex gap-2 text-xl font-mono">
+          <span>{codeIdOf("CODE1", sel.CODE1) || "_"}</span>
+          <span>{codeIdOf("CODE2", sel.CODE2) || "___"}</span>
+          <span>{codeIdOf("CODE3", sel.CODE3) || "__"}</span>
+          <span>{codeIdOf("CODE4", sel.CODE4) || "___"}</span>
+          <span>{codeIdOf("CODE5", sel.CODE5) || "____"}</span>
+        </div>
+        <div className="ml-auto text-lg font-semibold text-primary">
+          {combinedCode ? `(${combinedCode})` : "조합 미완성"}
+        </div>
+      </div>
+
+      <table className="w-full text-sm border-collapse">
+        <thead>
+          <tr className="bg-gray-50">
+            <th className="border border-gray-200 px-2 py-2 w-[20%]">대분류</th>
+            <th className="border border-gray-200 px-2 py-2 w-[20%]">중분류</th>
+            <th className="border border-gray-200 px-2 py-2 w-[20%]">Maker</th>
+            <th className="border border-gray-200 px-2 py-2 w-[20%]">품명</th>
+            <th className="border border-gray-200 px-2 py-2 w-[20%]">규격/사양</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td className="border border-gray-200 px-2 py-2">
+              <SearchableSelect
+                options={opts.CODE1}
+                value={sel.CODE1}
+                onChange={(v) => setSel((p) => ({ ...p, CODE1: v }))}
+                disabled={readOnly}
+              />
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <SearchableSelect
+                options={opts.CODE2}
+                value={sel.CODE2}
+                onChange={(v) => setSel((p) => ({ ...p, CODE2: v }))}
+                disabled={readOnly}
+              />
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <SearchableSelect
+                options={opts.CODE3}
+                value={sel.CODE3}
+                onChange={(v) => setSel((p) => ({ ...p, CODE3: v }))}
+                disabled={readOnly}
+              />
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <SearchableSelect
+                options={opts.CODE4}
+                value={sel.CODE4}
+                onChange={(v) => setSel((p) => ({ ...p, CODE4: v }))}
+                disabled={readOnly}
+              />
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <SearchableSelect
+                options={opts.CODE5}
+                value={sel.CODE5}
+                onChange={(v) => setSel((p) => ({ ...p, CODE5: v }))}
+                disabled={readOnly}
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        {!readOnly && <Button onClick={handleSave}>저장</Button>}
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <MaterialFormPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product-mgmt/form/page.tsx b/src/app/product-mgmt/form/page.tsx
new file mode 100644
index 0000000..5194136
--- /dev/null
+++ b/src/app/product-mgmt/form/page.tsx
@@ -0,0 +1,108 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+function ProductMgmtForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/product-mgmt/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.product_name) { Swal.fire("알림", "제품명을 입력하세요.", "warning"); return; }
+    if (!form.product_code) { Swal.fire("알림", "제품코드를 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product-mgmt/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "제품마스터 등록" : "제품마스터 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="사업부">
+          <CodeSelect codeId="0000917" value={form.product_category || ""} onChange={(v) => set("product_category", v)} className="w-full" />
+        </FormField>
+        <FormField label="제품군">
+          <CodeSelect codeId="0000001" value={form.product_type || ""} onChange={(v) => set("product_type", v)} className="w-full" />
+        </FormField>
+        <FormField label="제품명" required>
+          <Input value={form.product_name || ""} onChange={(e) => set("product_name", e.target.value)} />
+        </FormField>
+        <FormField label="제품코드" required>
+          <Input value={form.product_code || ""} onChange={(e) => set("product_code", e.target.value)} />
+        </FormField>
+        <FormField label="생산여부">
+          <CodeSelect codeId="0000039" value={form.production_flag || ""} onChange={(v) => set("production_flag", v)} className="w-full" />
+        </FormField>
+        <FormField label="비고">
+          <Input value={form.note || ""} onChange={(e) => set("note", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ProductMgmtForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/part-register/excel-import/page.tsx b/src/app/product/part-register/excel-import/page.tsx
new file mode 100644
index 0000000..13e34d5
--- /dev/null
+++ b/src/app/product/part-register/excel-import/page.tsx
@@ -0,0 +1,247 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+interface PartRow {
+  part_no: string;
+  part_name: string;
+  qty: string;
+  material: string;
+  spec: string;
+  post_processing: string;
+  maker: string;
+  part_type: string;
+  remark: string;
+}
+
+interface CodeOpt { CODE_ID: string; CODE_NAME: string }
+
+// PART 등록 Excel upload (원본: partMng/openPartExcelImportPopUp.jsp)
+export default function PartExcelImportPage() {
+  const [rows, setRows] = useState<PartRow[]>([]);
+  const [fileName, setFileName] = useState("");
+  const [dragActive, setDragActive] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [partTypes, setPartTypes] = useState<CodeOpt[]>([]);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  useEffect(() => {
+    // PART구분 코드 로드 (codeId=0000062)
+    fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: "0000062" }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.data || []) as Array<Record<string, unknown>>;
+        setPartTypes(list.map((r) => ({
+          CODE_ID: String(r.code_id || r.CODE_ID || ""),
+          CODE_NAME: String(r.code_name || r.CODE_NAME || ""),
+        })));
+      })
+      .catch(() => {});
+  }, []);
+
+  const parseFile = async (file: File) => {
+    try {
+      const buf = await file.arrayBuffer();
+      const wb = XLSX.read(buf, { type: "array" });
+      const sheet = wb.Sheets[wb.SheetNames[0]];
+      if (!sheet) throw new Error("시트 없음");
+      const raw = XLSX.utils.sheet_to_json<Record<string, unknown>>(sheet, { defval: "", raw: false });
+      const parsed: PartRow[] = raw.map((r) => ({
+        part_no: String(r["품번"] ?? r["PART_NO"] ?? r["part_no"] ?? "").trim(),
+        part_name: String(r["품명"] ?? r["PART_NAME"] ?? r["part_name"] ?? "").trim(),
+        qty: String(r["수량"] ?? r["QTY"] ?? r["qty"] ?? "").trim(),
+        material: String(r["재질"] ?? r["MATERIAL"] ?? r["material"] ?? "").trim(),
+        spec: String(r["사양(규격)"] ?? r["사양"] ?? r["SPEC"] ?? r["spec"] ?? "").trim(),
+        post_processing: String(r["후처리"] ?? r["POST_PROCESSING"] ?? r["post_processing"] ?? "").trim(),
+        maker: String(r["MAKER"] ?? r["maker"] ?? "").trim(),
+        part_type: String(r["PART구분"] ?? r["PART_TYPE"] ?? r["part_type"] ?? "").trim(),
+        remark: String(r["REMARK"] ?? r["비고"] ?? r["remark"] ?? "").trim(),
+      })).filter((r) => r.part_no || r.part_name);
+
+      if (parsed.length === 0) {
+        Swal.fire("알림", "엑셀에서 추출된 행이 없습니다.", "warning");
+        return;
+      }
+      setFileName(file.name);
+      setRows(parsed);
+    } catch (e) {
+      console.error("excel parse:", e);
+      Swal.fire("오류", "엑셀 파싱 실패", "error");
+    }
+  };
+
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const f = e.target.files?.[0];
+    if (f) parseFile(f);
+  };
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault();
+    setDragActive(false);
+    const f = e.dataTransfer.files?.[0];
+    if (f) parseFile(f);
+  };
+
+  const downloadTemplate = () => {
+    const wb = XLSX.utils.book_new();
+    const ws = XLSX.utils.aoa_to_sheet([
+      ["품번", "품명", "수량", "재질", "사양(규격)", "후처리", "MAKER", "PART구분", "REMARK"],
+      ["P-001", "예시 부품", "1", "SS400", "100x50", "도금", "삼성", "", ""],
+    ]);
+    XLSX.utils.book_append_sheet(wb, ws, "PART");
+    XLSX.writeFile(wb, "PART_EXCEL_IMPORT_TEMPLATE.xlsx");
+  };
+
+  const updateRow = (idx: number, field: keyof PartRow, value: string) => {
+    setRows((prev) => prev.map((r, i) => (i === idx ? { ...r, [field]: value } : r)));
+  };
+
+  const addRow = () => {
+    setRows((prev) => [...prev, {
+      part_no: "", part_name: "", qty: "", material: "", spec: "",
+      post_processing: "", maker: "", part_type: "", remark: "",
+    }]);
+  };
+
+  const removeRow = (idx: number) => {
+    setRows((prev) => prev.filter((_, i) => i !== idx));
+  };
+
+  const handleSave = async () => {
+    if (rows.length === 0) {
+      Swal.fire("알림", "저장할 데이터가 없습니다.", "warning");
+      return;
+    }
+    // 품번/품명 필수 검증
+    const invalid = rows.some((r) => !r.part_no.trim() || !r.part_name.trim());
+    if (invalid) {
+      Swal.fire("알림", "품번/품명이 비어있는 행이 있습니다.", "warning");
+      return;
+    }
+
+    const r = await Swal.fire({
+      title: "저장 하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/product/part/excel-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ parts: rows }),
+      });
+      const json = await res.json();
+      if (json.success) {
+        await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) {
+          try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", json.message || "저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">PART 등록 Excel upload</h2>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={downloadTemplate}>Template Download</Button>
+        <Button size="sm" variant="secondary" onClick={addRow}>행추가</Button>
+        <Button size="sm" onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div
+        onDragOver={(e) => { e.preventDefault(); setDragActive(true); }}
+        onDragLeave={() => setDragActive(false)}
+        onDrop={handleDrop}
+        onClick={() => fileInputRef.current?.click()}
+        className={`flex items-center justify-center h-20 mb-3 border-2 border-dashed rounded cursor-pointer transition-colors ${
+          dragActive ? "border-primary bg-blue-50" : "border-gray-300 bg-gray-50"
+        }`}
+      >
+        <span className="text-sm text-gray-500">
+          {fileName ? `선택됨: ${fileName} (클릭하여 다시 선택)` : "Drag & Drop 엑셀 템플릿 또는 클릭하여 업로드"}
+        </span>
+        <input
+          ref={fileInputRef}
+          type="file"
+          accept=".xlsx,.xls"
+          onChange={handleFileChange}
+          className="hidden"
+        />
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 260px)" }}>
+          <table className="w-full text-xs border-collapse">
+            <thead className="sticky top-0 bg-gray-50">
+              <tr>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700 w-12">순</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 150 }}>품번 <span className="text-red-400">*</span></th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 180 }}>품명 <span className="text-red-400">*</span></th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 60 }}>수량</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 120 }}>재질</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 140 }}>사양(규격)</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 100 }}>후처리</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 120 }}>MAKER</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 110 }}>PART구분</th>
+                <th className="border-b border-gray-200 px-2 py-2 font-semibold text-gray-700" style={{ width: 140 }}>REMARK</th>
+                <th className="border-b border-gray-200 px-2 py-2 w-16">&nbsp;</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr>
+                  <td colSpan={11} className="text-center py-12 text-gray-400">엑셀 파일을 업로드하거나 행추가 버튼을 눌러주세요.</td>
+                </tr>
+              ) : (
+                rows.map((row, idx) => (
+                  <tr key={idx} className="border-b border-gray-100">
+                    <td className="px-2 py-1 text-center text-gray-500">{idx + 1}</td>
+                    <td className="px-1 py-1"><Input value={row.part_no} onChange={(e) => updateRow(idx, "part_no", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1"><Input value={row.part_name} onChange={(e) => updateRow(idx, "part_name", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1"><Input value={row.qty} onChange={(e) => updateRow(idx, "qty", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1"><Input value={row.material} onChange={(e) => updateRow(idx, "material", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1"><Input value={row.spec} onChange={(e) => updateRow(idx, "spec", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1"><Input value={row.post_processing} onChange={(e) => updateRow(idx, "post_processing", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1"><Input value={row.maker} onChange={(e) => updateRow(idx, "maker", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1">
+                      <select value={row.part_type} onChange={(e) => updateRow(idx, "part_type", e.target.value)}
+                        className="h-8 w-full rounded border border-gray-300 bg-white px-1 text-xs">
+                        <option value="">선택</option>
+                        {partTypes.map((o) => <option key={o.CODE_ID} value={o.CODE_ID}>{o.CODE_NAME}</option>)}
+                      </select>
+                    </td>
+                    <td className="px-1 py-1"><Input value={row.remark} onChange={(e) => updateRow(idx, "remark", e.target.value)} className="w-full" /></td>
+                    <td className="px-1 py-1 text-center">
+                      <Button size="sm" variant="ghost" onClick={() => removeRow(idx)}>삭제</Button>
+                    </td>
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/app/product/part-register/form/page.tsx b/src/app/product/part-register/form/page.tsx
new file mode 100644
index 0000000..0537099
--- /dev/null
+++ b/src/app/product/part-register/form/page.tsx
@@ -0,0 +1,126 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+function PartRegisterForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/product/part/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.part_no) { Swal.fire("알림", "품번을 입력하세요.", "warning"); return; }
+    if (!form.part_name) { Swal.fire("알림", "품명을 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/part/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "PART 등록" : "PART 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="품번" required>
+          <Input value={form.part_no || ""} onChange={(e) => set("part_no", e.target.value)} />
+        </FormField>
+        <FormField label="품명" required>
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} />
+        </FormField>
+        <FormField label="단위">
+          <CodeSelect codeId="0000059" value={form.unit || ""} onChange={(v) => set("unit", v)} className="w-full" />
+        </FormField>
+        <FormField label="수량">
+          <Input type="number" value={form.qty || ""} onChange={(e) => set("qty", e.target.value)} />
+        </FormField>
+        <FormField label="규격">
+          <Input value={form.spec || ""} onChange={(e) => set("spec", e.target.value)} />
+        </FormField>
+        <FormField label="재질">
+          <Input value={form.material || ""} onChange={(e) => set("material", e.target.value)} />
+        </FormField>
+        <FormField label="중량">
+          <Input value={form.weight || ""} onChange={(e) => set("weight", e.target.value)} />
+        </FormField>
+        <FormField label="PART구분">
+          <CodeSelect codeId="0000062" value={form.part_type || ""} onChange={(v) => set("part_type", v)} className="w-full" />
+        </FormField>
+        <FormField label="소싱">
+          <Input value={form.sourcing_code || ""} onChange={(e) => set("sourcing_code", e.target.value)} />
+        </FormField>
+        <FormField label="업체">
+          <Input value={form.maker || ""} onChange={(e) => set("maker", e.target.value)} />
+        </FormField>
+        <FormField label="후처리">
+          <Input value={form.post_processing || ""} onChange={(e) => set("post_processing", e.target.value)} />
+        </FormField>
+        <FormField label="비고">
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PartRegisterForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/bom-ascending/page.tsx b/src/app/product/popup/bom-ascending/page.tsx
new file mode 100644
index 0000000..d25888d
--- /dev/null
+++ b/src/app/product/popup/bom-ascending/page.tsx
@@ -0,0 +1,303 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+
+type Row = Record<string, unknown>;
+
+// partMng/structureAscendingList.jsp + structureAscendingMultiList.jsp 대응 (BOM 정전개 트리)
+const LEVEL_COLORS = [
+  "", "#fde9d9", "#daeef3", "#e4dfec", "#ebf1de", "#f2f2f2",
+  "#f2dcdb", "#eeece1", "#dce6f1", "#FFFFEB", "#ffffff",
+];
+
+function BomAscendingPopup() {
+  const params = useSearchParams();
+  const initProductCode = params.get("product_code") || "";
+  const initSpecName = params.get("SPEC_NAME") || "";
+  const productCodeName = params.get("product_code_name") || "";
+  const codeId = params.get("code_id") || "";
+  const upgName = params.get("UPG_NAME") || "";
+  const rootCode = params.get("root_code") || "";
+
+  const [customerCd, setCustomerCd] = useState("");
+  const [projectName, setProjectName] = useState("");
+  const [unitCode, setUnitCode] = useState("");
+  const [searchPartNo, setSearchPartNo] = useState("");
+  const [searchLevel, setSearchLevel] = useState("");
+
+  const [projects, setProjects] = useState<{ value: string; label: string }[]>([]);
+  const [units, setUnits] = useState<{ value: string; label: string }[]>([]);
+
+  const [rows, setRows] = useState<Row[]>([]);
+  const [maxLevel, setMaxLevel] = useState(0);
+  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
+
+  // 프로젝트 로드
+  useEffect(() => {
+    fetch("/api/common/project-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ customer_cd: customerCd }),
+    }).then((r) => r.json())
+      .then((j) => setProjects((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.LABEL || r.PROJECT_NO || r.OBJID),
+      }))))
+      .catch(() => {});
+  }, [customerCd]);
+
+  // 유닛 로드
+  useEffect(() => {
+    if (!projectName) { setUnits([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectName }),
+    }).then((r) => r.json())
+      .then((j) => setUnits((j.RESULTLIST || []).map((r: Row) => ({
+        value: String(r.OBJID), label: String(r.UNIT_NAME || r.TASK_NAME),
+      }))))
+      .catch(() => {});
+  }, [projectName]);
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/product/bom/ascending", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        product_code: initProductCode || rootCode,
+        product_mgmt_spec: initSpecName,
+        upg_no: codeId,
+        customer_cd: customerCd,
+        project_name: projectName,
+        unit_code: unitCode,
+        search_partNo: searchPartNo,
+        search_level: searchLevel,
+      }),
+    });
+    if (res.ok) {
+      const j = await res.json();
+      setRows(j.RESULTLIST || []);
+      setMaxLevel(Number(j.MAX_LEVEL || 0));
+      setCollapsed(new Set());
+    }
+  }, [initProductCode, initSpecName, codeId, rootCode, customerCd, projectName, unitCode, searchPartNo, searchLevel]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleSearch = () => {
+    if (!searchPartNo && !searchLevel && !customerCd && !projectName && !initProductCode) {
+      // 원본 fn_check는 조건 미입력 시 경고. 여기선 검색조건이 URL 파라미터에 있으면 그대로 통과.
+    }
+    fetchData();
+  };
+
+  const openPartDetail = (partObjId: string) => {
+    const w = 900, h = 600;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/product/popup/part-form?objId=${encodeURIComponent(partObjId)}&readOnly=true`,
+      "tempPartListPopup", `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+  };
+
+  const openFilePopup = (objId: string, docType: string, docTypeName: string) => {
+    const w = 800, h = 335;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "fileRegistPopUp", `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const toggleCollapse = (childObjId: string) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(childObjId)) next.delete(childObjId);
+      else next.add(childObjId);
+      return next;
+    });
+  };
+
+  // 펼치기/접기 필터: 부모 중 하나라도 collapsed 에 있으면 숨김
+  // path가 없으므로 parent_objid 체인을 따라가며 판단
+  const isVisible = (row: Row): boolean => {
+    const parentObjId = String(row.PARENT_OBJID ?? "");
+    if (!parentObjId) return true;
+    // 부모 찾기
+    const parent = rows.find((r) => String(r.CHILD_OBJID ?? "") === parentObjId);
+    if (!parent) return true;
+    const parentChildObjId = String(parent.CHILD_OBJID ?? "");
+    if (collapsed.has(parentChildObjId)) return false;
+    return isVisible(parent);
+  };
+
+  const handleExcel = () => {
+    if (rows.length === 0) {
+      Swal.fire("알림", "다운로드할 데이터가 없습니다.", "warning");
+      return;
+    }
+    const levelHeaders = Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => String(i + 1));
+    const header = [
+      ...levelHeaders, "품번", "품명", "수량", "3D", "2D", "PDF",
+      "재질", "사양(규격)", "후처리", "MAKER", "Revision",
+      "EO No", "EO Date", "PART구분", "비고",
+    ];
+    const body = rows.map((r) => {
+      const lev = Number(r.LEV ?? 0);
+      const markers = Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => (lev === i + 1 ? "*" : ""));
+      return [
+        ...markers, r.PART_NO ?? "", r.PART_NAME ?? "", r.QTY ?? "",
+        Number(r.FILE_3D_CNT ?? 0), Number(r.FILE_2D_CNT ?? 0), Number(r.FILE_PDF_CNT ?? 0),
+        r.MATERIAL ?? "", r.SPEC ?? "", r.POST_PROCESSING ?? "",
+        r.MAKER ?? "", r.REVISION ?? "", r.EO_NO ?? "",
+        r.EO_DATE ?? "", r.PART_TYPE_TITLE ?? "", r.REMARK ?? "",
+      ];
+    });
+    const ws = XLSX.utils.aoa_to_sheet([header, ...body]);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "BOM_REPORT_정전개");
+    const today = new Date().toISOString().slice(0, 10);
+    XLSX.writeFile(wb, `BOM_REPORT_정전개_${today}.xlsx`);
+  };
+
+  const fileIcon = (cnt: number) => <FolderCell count={cnt} />;
+
+  const visibleRows = rows.filter(isVisible);
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="flex items-center justify-between border-b pb-2 mb-3">
+        <h2 className="text-base font-bold text-gray-800">
+          제품관리_BOM 조회 {codeId ? `- ${upgName} / ${productCodeName}` : initSpecName ? `- ${initSpecName} / ${productCodeName}` : ""}
+        </h2>
+        <div className="flex gap-2">
+          <Button size="sm" variant="secondary" onClick={handleExcel}>Excel Download</Button>
+          <Button size="sm" onClick={handleSearch}>조회</Button>
+        </div>
+      </div>
+
+      <div className="bg-gray-50 border border-gray-200 rounded p-2 mb-3 grid grid-cols-5 gap-2 text-sm items-end">
+        <div>
+          <label className="block text-xs text-gray-500 mb-1">고객사</label>
+          <SearchableCodeSelect codeId="0005110" value={customerCd} onChange={setCustomerCd} className="w-full" />
+        </div>
+        <div>
+          <label className="block text-xs text-gray-500 mb-1">프로젝트번호</label>
+          <SearchableSelect options={projects} value={projectName} onChange={setProjectName} className="w-full" />
+        </div>
+        <div>
+          <label className="block text-xs text-gray-500 mb-1">유닛명</label>
+          <SearchableSelect options={units} value={unitCode} onChange={setUnitCode} className="w-full" />
+        </div>
+        <div>
+          <label className="block text-xs text-gray-500 mb-1">품번</label>
+          <Input value={searchPartNo} onChange={(e) => setSearchPartNo(e.target.value)} className="h-8" />
+        </div>
+        <div>
+          <label className="block text-xs text-gray-500 mb-1">LEVEL</label>
+          <select value={searchLevel} onChange={(e) => setSearchLevel(e.target.value)}
+            className="w-full h-8 rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">전체</option>
+            {[1, 2, 3, 4, 5, 6].map((n) => <option key={n} value={n}>{n}</option>)}
+          </select>
+        </div>
+      </div>
+
+      <div className="text-xs text-gray-500 mb-1">총 {visibleRows.length}건</div>
+
+      <div className="border border-gray-200 rounded overflow-auto" style={{ maxHeight: "calc(100vh - 220px)" }}>
+        <table className="text-xs border-collapse" style={{ minWidth: "100%" }}>
+          <thead className="sticky top-0 bg-gray-100 z-10">
+            <tr>
+              <th className="border border-gray-200 px-1 py-1 w-[20px]"></th>
+              {Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => (
+                <th key={i} className="border border-gray-200 px-1 py-1 w-[20px]">{i + 1}</th>
+              ))}
+              <th className="border border-gray-200 px-2 py-1 w-[140px]">품번</th>
+              <th className="border border-gray-200 px-2 py-1 w-[180px]">품명</th>
+              <th className="border border-gray-200 px-2 py-1 w-[50px]">수량</th>
+              <th className="border border-gray-200 px-2 py-1 w-[40px]">3D</th>
+              <th className="border border-gray-200 px-2 py-1 w-[40px]">2D</th>
+              <th className="border border-gray-200 px-2 py-1 w-[40px]">PDF</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">재질</th>
+              <th className="border border-gray-200 px-2 py-1 w-[130px]">사양(규격)</th>
+              <th className="border border-gray-200 px-2 py-1 w-[150px]">후처리</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">MAKER</th>
+              <th className="border border-gray-200 px-2 py-1 w-[70px]">Revision</th>
+              <th className="border border-gray-200 px-2 py-1 w-[80px]">EO No</th>
+              <th className="border border-gray-200 px-2 py-1 w-[90px]">EO Date</th>
+              <th className="border border-gray-200 px-2 py-1 w-[90px]">PART구분</th>
+              <th className="border border-gray-200 px-2 py-1 w-[200px]">비고</th>
+            </tr>
+          </thead>
+          <tbody>
+            {visibleRows.length === 0 ? (
+              <tr><td colSpan={16 + Math.max(maxLevel, 1)} className="text-center py-10 text-gray-400">조회된 정보가 없습니다.</td></tr>
+            ) : visibleRows.map((r, idx) => {
+              const lev = Number(r.LEV || 0);
+              const isLeaf = Number(r.LEAF ?? 1) === 1;
+              const bg = LEVEL_COLORS[Math.min(lev, LEVEL_COLORS.length - 1)];
+              const childObjId = String(r.CHILD_OBJID ?? "");
+              const isCollapsed = collapsed.has(childObjId);
+              return (
+                <tr key={idx} style={{ backgroundColor: bg }}>
+                  <td className="border border-gray-200 text-center">
+                    {!isLeaf && (
+                      <button onClick={() => toggleCollapse(childObjId)}
+                        className="w-3.5 h-3.5 inline-flex items-center justify-center text-[10px] border border-gray-500 rounded cursor-pointer">
+                        {isCollapsed ? "+" : "−"}
+                      </button>
+                    )}
+                  </td>
+                  {Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => (
+                    <td key={i} className="border border-gray-200 text-center" title={String(lev)}>
+                      {lev === i + 1 ? "*" : ""}
+                    </td>
+                  ))}
+                  <td className="border border-gray-200 px-2 py-1 text-left">
+                    <a className="text-primary hover:underline cursor-pointer" onClick={() => openPartDetail(String(r.PART_OBJID))}>
+                      {String(r.PART_NO ?? "")}
+                    </a>
+                  </td>
+                  <td className="border border-gray-200 px-2 py-1 text-left" title={String(r.PART_NAME ?? "")}>{String(r.PART_NAME ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{String(r.QTY ?? "")}</td>
+                  <td className="border border-gray-200 text-center" onClick={() => openFilePopup(String(r.PART_OBJID), "3D_CAD", "3D CAD 첨부파일")}>
+                    {fileIcon(Number(r.FILE_3D_CNT ?? 0))}
+                  </td>
+                  <td className="border border-gray-200 text-center" onClick={() => openFilePopup(String(r.PART_OBJID), "2D_DRAWING_CAD", "2D(Drawing) CAD 첨부파일")}>
+                    {fileIcon(Number(r.FILE_2D_CNT ?? 0))}
+                  </td>
+                  <td className="border border-gray-200 text-center" onClick={() => openFilePopup(String(r.PART_OBJID), "2D_PDF_CAD", "2D(PDF) CAD 첨부파일")}>
+                    {fileIcon(Number(r.FILE_PDF_CNT ?? 0))}
+                  </td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{String(r.MATERIAL ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{String(r.SPEC ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{String(r.POST_PROCESSING ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{String(r.MAKER ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{String(r.REVISION ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{String(r.EO_NO ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{String(r.EO_DATE ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{String(r.PART_TYPE_TITLE ?? "")}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{String(r.REMARK ?? "")}</td>
+                </tr>
+              );
+            })}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <BomAscendingPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/bom-excel-import/page.tsx b/src/app/product/popup/bom-excel-import/page.tsx
new file mode 100644
index 0000000..a6e6e63
--- /dev/null
+++ b/src/app/product/popup/bom-excel-import/page.tsx
@@ -0,0 +1,310 @@
+"use client";
+
+import { Suspense, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+type Row = {
+  RNUM: number;
+  PARENT_PART_NO: string;
+  PART_NO: string;
+  PART_NAME: string;
+  QTY: string;
+  MATERIAL: string;
+  SPEC: string;
+  POST_PROCESSING: string;
+  MAKER: string;
+  PART_TYPE_NAME: string;
+  PART_TYPE: string;
+  REMARK: string;
+  NOTE: string; // 오류/검증 메시지
+  VALID: boolean;
+};
+
+type CodeOpt = { CODE_ID: string; CODE_NAME: string };
+
+// partMng/openBomReportExcelImportPopUp.jsp + parsingExcelFile.do + partBomApplySave.do 대응
+// 엑셀 파일을 클라이언트에서 파싱하여 검증 → 그리드 표시 → 저장
+function BomExcelImportPopup() {
+  const params = useSearchParams();
+  const customerCd = params.get("customer_cd") || "";
+  const projectName = params.get("project_name") || "";
+  const unitCode = params.get("unit_code") || "";
+  const bomReportObjId = params.get("BOM_REPORT_OBJID") || "";
+
+  const [file, setFile] = useState<File | null>(null);
+  const [rows, setRows] = useState<Row[]>([]);
+  const [parsing, setParsing] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [partTypes, setPartTypes] = useState<CodeOpt[]>([]);
+  const [projectNo, setProjectNo] = useState("");
+
+  // 부품유형 코드 목록 로드 (PART_TYPE name → code_id 변환용)
+  useEffect(() => {
+    fetch("/api/common/code-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: "0000062" }),
+    }).then((r) => r.json()).then((j) => setPartTypes(
+      (j.data || []).map((r: Record<string, unknown>) => ({
+        CODE_ID: String(r.code_id || r.CODE_ID || ""),
+        CODE_NAME: String(r.code_name || r.CODE_NAME || ""),
+      })),
+    ))
+      .catch(() => {});
+  }, []);
+
+  // 프로젝트번호 로드 (1레벨 자품번 검증용)
+  useEffect(() => {
+    if (!projectName) return;
+    fetch("/api/common/project-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({}),
+    }).then((r) => r.json()).then((j) => {
+      const hit = (j.RESULTLIST || []).find((r: Record<string, unknown>) => String(r.OBJID) === projectName);
+      if (hit) setProjectNo(String(hit.PROJECT_NO ?? ""));
+    }).catch(() => {});
+  }, [projectName]);
+
+  const getCell = (row: unknown[], idx: number): string => {
+    const v = row[idx];
+    if (v == null) return "";
+    if (typeof v === "number") return String(v);
+    return String(v).trim();
+  };
+
+  const parseExcel = async () => {
+    if (!file) { Swal.fire("알림", "엑셀 파일을 선택하세요.", "warning"); return; }
+    setParsing(true);
+    try {
+      const buf = await file.arrayBuffer();
+      const wb = XLSX.read(buf, { type: "array" });
+      const sheet = wb.Sheets[wb.SheetNames[0]];
+      const data = XLSX.utils.sheet_to_json<unknown[]>(sheet, { header: 1, defval: "" });
+
+      // 헤더 2행 건너뛰기 (원본: rowIndex 2부터 데이터)
+      const parsed: Row[] = [];
+      const partNoSet = new Set<string>();
+      const allPartNos = new Set<string>();
+      // 1차: 모든 PART_NO 수집 (모품번 참조 검증용)
+      for (let i = 2; i < data.length; i++) {
+        const pn = getCell(data[i] || [], 1);
+        if (pn) allPartNos.add(pn);
+      }
+
+      let emptyRowCnt = 0;
+      for (let i = 2; i < data.length; i++) {
+        const raw = data[i] || [];
+        const parentPartNo = getCell(raw, 0);
+        const partNo = getCell(raw, 1);
+        const partName = getCell(raw, 2);
+        const qty = getCell(raw, 3);
+        const material = getCell(raw, 4);
+        const spec = getCell(raw, 5);
+        const postProc = getCell(raw, 6);
+        const maker = getCell(raw, 7);
+        const partTypeName = getCell(raw, 8);
+        const remark = getCell(raw, 9);
+
+        const allEmpty = [parentPartNo, partNo, partName, qty, material, spec, postProc, maker, partTypeName, remark]
+          .every((v) => !v);
+        if (allEmpty) {
+          emptyRowCnt++;
+          if (emptyRowCnt > 3) break;
+          continue;
+        }
+        emptyRowCnt = 0;
+
+        // 검증
+        const errs: string[] = [];
+        if (i > 2 && !parentPartNo) errs.push("필수입력 - 모품번");
+        if (parentPartNo && !allPartNos.has(parentPartNo)) errs.push("모품번이 자품번 목록에 없습니다");
+        if (!partNo) errs.push("필수입력 - 자품번");
+        if (partNo && partNoSet.has(partNo)) errs.push("품번중복: " + partNo);
+        // 첫 번째 데이터 행(i==2): 1레벨 자품번에 프로젝트번호 포함 여부 검증
+        if (i === 2 && partNo && projectNo && !partNo.includes(projectNo)) {
+          errs.push(`1레벨 자품번에 프로젝트번호(${projectNo})가 없습니다`);
+        }
+        if (!partName) errs.push("필수입력 - 품명");
+        if (!qty) errs.push("필수입력 - 수량");
+        else {
+          const n = Number(qty);
+          if (isNaN(n) || n <= 0) errs.push("수량은 0보다 큰 숫자여야 합니다");
+        }
+        // PART_TYPE name → code_id 변환
+        let partTypeCode = "";
+        if (partTypeName) {
+          const hit = partTypes.find((t) => t.CODE_NAME === partTypeName);
+          if (hit) partTypeCode = hit.CODE_ID;
+          else if (i > 3) errs.push("부품유형 확인: " + partTypeName);
+        } else if (i > 3) {
+          errs.push("필수입력 - 부품유형");
+        }
+
+        if (partNo) partNoSet.add(partNo);
+
+        parsed.push({
+          RNUM: parsed.length + 1,
+          PARENT_PART_NO: parentPartNo,
+          PART_NO: partNo,
+          PART_NAME: partName,
+          QTY: qty,
+          MATERIAL: material,
+          SPEC: spec,
+          POST_PROCESSING: postProc,
+          MAKER: maker,
+          PART_TYPE_NAME: partTypeName,
+          PART_TYPE: partTypeCode,
+          REMARK: remark,
+          NOTE: errs.join(", "),
+          VALID: errs.length === 0,
+        });
+      }
+
+      setRows(parsed);
+      const invalidCnt = parsed.filter((r) => !r.VALID).length;
+      if (invalidCnt > 0) {
+        Swal.fire("검증 결과", `${parsed.length}건 중 ${invalidCnt}건 오류. NOTE 컬럼 확인 후 파일 수정 필요.`, "warning");
+      } else {
+        Swal.fire({ icon: "success", title: `${parsed.length}건 파싱 완료`, timer: 1200, showConfirmButton: false });
+      }
+    } catch (e) {
+      console.error(e);
+      Swal.fire("오류", "엑셀 파싱 실패: " + String(e), "error");
+    } finally {
+      setParsing(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (rows.length === 0) { Swal.fire("알림", "분석된 데이터가 없습니다.", "warning"); return; }
+    const invalid = rows.filter((r) => !r.VALID);
+    if (invalid.length > 0) {
+      Swal.fire("알림", `오류 ${invalid.length}건이 있습니다. 수정 후 저장하세요.`, "warning");
+      return;
+    }
+    const c = await Swal.fire({
+      title: "저장하시겠습니까?", icon: "question", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/product/bom/excel-save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          CUSTOMER_OBJID: customerCd,
+          CONTRACT_OBJID: projectName,
+          UNIT_CODE: unitCode,
+          BOM_REPORT_OBJID: bomReportObjId,
+          rows,
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) { try { (window.opener as Window).location.reload(); } catch {} }
+        window.close();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } catch (e) {
+      Swal.fire("오류", "저장 중 오류: " + String(e), "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const downloadTemplate = () => {
+    // 샘플 템플릿: 헤더 2행 + 빈 데이터
+    const ws = XLSX.utils.aoa_to_sheet([
+      ["BOM 등록용 템플릿 (2행까지 헤더 / 3행부터 데이터)"],
+      ["모품번", "자품번", "품명", "수량", "재질", "사양(규격)", "후처리", "MAKER", "부품유형", "비고"],
+    ]);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "BOM");
+    XLSX.writeFile(wb, "BOM_Template.xlsx");
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <div className="flex items-center justify-between border-b pb-2 mb-3">
+        <h2 className="text-base font-bold text-gray-800">BOM Excel 등록</h2>
+        <Button size="sm" variant="secondary" onClick={downloadTemplate}>템플릿 다운로드</Button>
+      </div>
+
+      <div className="grid grid-cols-4 gap-x-3 gap-y-1 text-sm mb-3 bg-gray-50 border border-gray-200 rounded p-3">
+        <div><span className="text-gray-500">고객사 OBJID:</span> <b>{customerCd || "-"}</b></div>
+        <div><span className="text-gray-500">프로젝트 OBJID:</span> <b>{projectName || "-"}</b></div>
+        <div><span className="text-gray-500">유닛 OBJID:</span> <b>{unitCode || "-"}</b></div>
+        <div><span className="text-gray-500">BOM_REPORT_OBJID:</span> <b>{bomReportObjId || "신규"}</b></div>
+      </div>
+
+      <div className="flex items-center gap-2 mb-3">
+        <Input type="file" accept=".xlsx,.xls"
+          onChange={(e) => setFile(e.target.files?.[0] || null)} className="flex-1" />
+        <Button onClick={parseExcel} disabled={parsing}>{parsing ? "분석 중..." : "분석"}</Button>
+        <Button onClick={handleSave} disabled={saving || rows.length === 0}>
+          {saving ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div className="text-xs text-gray-500 mb-1">
+        총 {rows.length}건 (오류 {rows.filter((r) => !r.VALID).length}건)
+      </div>
+
+      <div className="border border-gray-200 rounded bg-white overflow-auto" style={{ maxHeight: "calc(100vh - 260px)" }}>
+        <table className="text-xs border-collapse min-w-full">
+          <thead className="bg-gray-100 sticky top-0 z-10">
+            <tr>
+              <th className="border border-gray-200 px-2 py-1 w-[40px]">순</th>
+              <th className="border border-gray-200 px-2 py-1 w-[120px]">모품번</th>
+              <th className="border border-gray-200 px-2 py-1 w-[120px]">자품번</th>
+              <th className="border border-gray-200 px-2 py-1 w-[180px]">품명</th>
+              <th className="border border-gray-200 px-2 py-1 w-[60px]">수량</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">재질</th>
+              <th className="border border-gray-200 px-2 py-1 w-[120px]">사양(규격)</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">후처리</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">MAKER</th>
+              <th className="border border-gray-200 px-2 py-1 w-[80px]">부품유형</th>
+              <th className="border border-gray-200 px-2 py-1 w-[150px]">비고</th>
+              <th className="border border-gray-200 px-2 py-1 w-[200px]">NOTE</th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.length === 0 ? (
+              <tr><td colSpan={12} className="text-center py-10 text-gray-400">분석된 데이터가 없습니다.</td></tr>
+            ) : rows.map((r, i) => (
+              <tr key={i} className={r.VALID ? "" : "bg-red-50"}>
+                <td className="border border-gray-100 px-2 py-1 text-center">{r.RNUM}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PARENT_PART_NO}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PART_NO}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PART_NAME}</td>
+                <td className="border border-gray-100 px-2 py-1 text-right">{r.QTY}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.MATERIAL}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.SPEC}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.POST_PROCESSING}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.MAKER}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PART_TYPE_NAME}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.REMARK}</td>
+                <td className="border border-gray-100 px-2 py-1 text-red-600">{r.NOTE}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <BomExcelImportPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/change-design-note/page.tsx b/src/app/product/popup/change-design-note/page.tsx
new file mode 100644
index 0000000..3cdc8bc
--- /dev/null
+++ b/src/app/product/popup/change-design-note/page.tsx
@@ -0,0 +1,66 @@
+"use client";
+
+import { Suspense, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+
+// partMng/changeDesignNotePopUp.jsp 대응 (BOM 배포사유 입력 팝업)
+function ChangeDesignNotePopup() {
+  const params = useSearchParams();
+  const objId = params.get("objId") || "";
+  const [note, setNote] = useState("");
+
+  const handleSave = async () => {
+    if (!note.trim()) {
+      Swal.fire("알림", "배포사유를 입력해 주세요.", "warning");
+      return;
+    }
+    const res = await fetch("/api/product/bom/deploy", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ OBJID: objId, NOTE: note }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+      if (window.opener) { try { (window.opener as Window).location.reload(); } catch {} }
+      window.close();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">배포사유 입력</h2>
+      <table className="w-full text-sm border-collapse">
+        <tbody>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 w-[120px] font-medium text-gray-700">
+              배포사유<span className="text-red-500 ml-1">*</span>
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <textarea
+                value={note} onChange={(e) => setNote(e.target.value)}
+                className="w-full h-20 rounded border border-gray-300 px-2 py-1 text-sm"
+                placeholder="배포사유를 입력하세요"
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave}>저장</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ChangeDesignNotePopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/part-excel-import/page.tsx b/src/app/product/popup/part-excel-import/page.tsx
new file mode 100644
index 0000000..f98d070
--- /dev/null
+++ b/src/app/product/popup/part-excel-import/page.tsx
@@ -0,0 +1,256 @@
+"use client";
+
+import { Suspense, useEffect, useState } from "react";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+type Row = {
+  RNUM: number;
+  PART_NO: string;
+  PART_NAME: string;
+  QTY: string;
+  MATERIAL: string;
+  SPEC: string;
+  POST_PROCESSING: string;
+  MAKER: string;
+  PART_TYPE_NAME: string;
+  PART_TYPE: string;
+  REMARK: string;
+  NOTE: string;
+  VALID: boolean;
+};
+
+type CodeOpt = { CODE_ID: string; CODE_NAME: string };
+
+// partMng/openPartExcelImportPopUp.jsp + partUploadSave.do 대응
+// Excel 파일을 클라이언트에서 파싱 → 검증 → 그리드 표시 → 저장
+function PartExcelImportPopup() {
+  const [file, setFile] = useState<File | null>(null);
+  const [rows, setRows] = useState<Row[]>([]);
+  const [parsing, setParsing] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [partTypes, setPartTypes] = useState<CodeOpt[]>([]);
+
+  useEffect(() => {
+    fetch("/api/common/code-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: "0000062" }),
+    }).then((r) => r.json()).then((j) => setPartTypes(
+      (j.data || []).map((r: Record<string, unknown>) => ({
+        CODE_ID: String(r.code_id || r.CODE_ID || ""),
+        CODE_NAME: String(r.code_name || r.CODE_NAME || ""),
+      })),
+    ))
+      .catch(() => {});
+  }, []);
+
+  const getCell = (row: unknown[], idx: number): string => {
+    const v = row[idx];
+    if (v == null) return "";
+    if (typeof v === "number") return String(v);
+    return String(v).trim();
+  };
+
+  const parseExcel = async () => {
+    if (!file) { Swal.fire("알림", "엑셀 파일을 선택하세요.", "warning"); return; }
+    setParsing(true);
+    try {
+      const buf = await file.arrayBuffer();
+      const wb = XLSX.read(buf, { type: "array" });
+      const sheet = wb.Sheets[wb.SheetNames[0]];
+      const data = XLSX.utils.sheet_to_json<unknown[]>(sheet, { header: 1, defval: "" });
+
+      const parsed: Row[] = [];
+      const partNoSet = new Set<string>();
+      let emptyRowCnt = 0;
+
+      // 헤더 2줄 건너뛰기
+      for (let i = 2; i < data.length; i++) {
+        const raw = data[i] || [];
+        const partNo = getCell(raw, 0);
+        const partName = getCell(raw, 1);
+        const qty = getCell(raw, 2);
+        const material = getCell(raw, 3);
+        const spec = getCell(raw, 4);
+        const postProc = getCell(raw, 5);
+        const maker = getCell(raw, 6);
+        const partTypeName = getCell(raw, 7);
+        const remark = getCell(raw, 8);
+
+        const allEmpty = [partNo, partName, qty, material, spec, postProc, maker, partTypeName, remark]
+          .every((v) => !v);
+        if (allEmpty) {
+          emptyRowCnt++;
+          if (emptyRowCnt > 3) break;
+          continue;
+        }
+        emptyRowCnt = 0;
+
+        const errs: string[] = [];
+        if (!partNo) errs.push("필수입력 - 품번");
+        if (partNo && partNoSet.has(partNo)) errs.push("품번중복: " + partNo);
+        if (!partName) errs.push("필수입력 - 품명");
+        if (!qty) errs.push("필수입력 - 수량");
+        else {
+          const n = Number(qty);
+          if (isNaN(n) || n <= 0) errs.push("수량은 0보다 큰 숫자여야 합니다");
+        }
+
+        let partTypeCode = "";
+        if (partTypeName) {
+          const hit = partTypes.find((t) => t.CODE_NAME === partTypeName);
+          if (hit) partTypeCode = hit.CODE_ID;
+          else errs.push("부품유형 확인: " + partTypeName);
+        } else {
+          errs.push("필수입력 - 부품유형");
+        }
+
+        if (partNo) partNoSet.add(partNo);
+
+        parsed.push({
+          RNUM: parsed.length + 1,
+          PART_NO: partNo, PART_NAME: partName, QTY: qty,
+          MATERIAL: material, SPEC: spec, POST_PROCESSING: postProc,
+          MAKER: maker, PART_TYPE_NAME: partTypeName, PART_TYPE: partTypeCode,
+          REMARK: remark,
+          NOTE: errs.join(", "), VALID: errs.length === 0,
+        });
+      }
+
+      setRows(parsed);
+      const invalidCnt = parsed.filter((r) => !r.VALID).length;
+      if (invalidCnt > 0) {
+        Swal.fire("검증 결과", `${parsed.length}건 중 ${invalidCnt}건 오류. NOTE 컬럼 확인 후 파일 수정 필요.`, "warning");
+      } else {
+        Swal.fire({ icon: "success", title: `${parsed.length}건 파싱 완료`, timer: 1200, showConfirmButton: false });
+      }
+    } catch (e) {
+      console.error(e);
+      Swal.fire("오류", "엑셀 파싱 실패: " + String(e), "error");
+    } finally {
+      setParsing(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (rows.length === 0) { Swal.fire("알림", "저장할 데이터가 없습니다.", "warning"); return; }
+    const invalid = rows.filter((r) => !r.VALID);
+    if (invalid.length > 0) {
+      Swal.fire("알림", `오류 ${invalid.length}건이 있습니다. 수정 후 저장하세요.`, "warning");
+      return;
+    }
+    const c = await Swal.fire({
+      title: "저장하시겠습니까?", icon: "question", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/product/part/excel-save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          parts: rows.map((r) => ({
+            part_no: r.PART_NO, part_name: r.PART_NAME, qty: r.QTY,
+            material: r.MATERIAL, spec: r.SPEC, post_processing: r.POST_PROCESSING,
+            maker: r.MAKER, part_type: r.PART_TYPE, remark: r.REMARK,
+          })),
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) { try { (window.opener as Window).location.reload(); } catch {} }
+        window.close();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } catch (e) {
+      Swal.fire("오류", "저장 중 오류: " + String(e), "error");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const downloadTemplate = () => {
+    const ws = XLSX.utils.aoa_to_sheet([
+      ["PART 등록용 템플릿 (2행까지 헤더 / 3행부터 데이터)"],
+      ["품번", "품명", "수량", "재질", "사양(규격)", "후처리", "MAKER", "부품유형", "비고"],
+    ]);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, "PART");
+    XLSX.writeFile(wb, "PART_Import_Template.xlsx");
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <div className="flex items-center justify-between border-b pb-2 mb-3">
+        <h2 className="text-base font-bold text-gray-800">PART Excel Import</h2>
+        <Button size="sm" variant="secondary" onClick={downloadTemplate}>템플릿 다운로드</Button>
+      </div>
+
+      <div className="flex items-center gap-2 mb-3">
+        <Input type="file" accept=".xlsx,.xls"
+          onChange={(e) => setFile(e.target.files?.[0] || null)} className="flex-1" />
+        <Button onClick={parseExcel} disabled={parsing}>{parsing ? "분석 중..." : "분석"}</Button>
+        <Button onClick={handleSave} disabled={saving || rows.length === 0}>
+          {saving ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div className="text-xs text-gray-500 mb-1">
+        총 {rows.length}건 (오류 {rows.filter((r) => !r.VALID).length}건)
+      </div>
+
+      <div className="border border-gray-200 rounded bg-white overflow-auto" style={{ maxHeight: "calc(100vh - 220px)" }}>
+        <table className="text-xs border-collapse min-w-full">
+          <thead className="bg-gray-100 sticky top-0 z-10">
+            <tr>
+              <th className="border border-gray-200 px-2 py-1 w-[40px]">순</th>
+              <th className="border border-gray-200 px-2 py-1 w-[120px]">품번</th>
+              <th className="border border-gray-200 px-2 py-1 w-[180px]">품명</th>
+              <th className="border border-gray-200 px-2 py-1 w-[60px]">수량</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">재질</th>
+              <th className="border border-gray-200 px-2 py-1 w-[120px]">사양(규격)</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">후처리</th>
+              <th className="border border-gray-200 px-2 py-1 w-[100px]">MAKER</th>
+              <th className="border border-gray-200 px-2 py-1 w-[80px]">부품유형</th>
+              <th className="border border-gray-200 px-2 py-1 w-[150px]">비고</th>
+              <th className="border border-gray-200 px-2 py-1 w-[200px]">NOTE</th>
+            </tr>
+          </thead>
+          <tbody>
+            {rows.length === 0 ? (
+              <tr><td colSpan={11} className="text-center py-10 text-gray-400">분석된 데이터가 없습니다.</td></tr>
+            ) : rows.map((r, i) => (
+              <tr key={i} className={r.VALID ? "" : "bg-red-50"}>
+                <td className="border border-gray-100 px-2 py-1 text-center">{r.RNUM}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PART_NO}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PART_NAME}</td>
+                <td className="border border-gray-100 px-2 py-1 text-right">{r.QTY}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.MATERIAL}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.SPEC}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.POST_PROCESSING}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.MAKER}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.PART_TYPE_NAME}</td>
+                <td className="border border-gray-100 px-2 py-1">{r.REMARK}</td>
+                <td className="border border-gray-100 px-2 py-1 text-red-600">{r.NOTE}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PartExcelImportPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/part-form/PartFormClient.tsx b/src/app/product/popup/part-form/PartFormClient.tsx
new file mode 100644
index 0000000..4963757
--- /dev/null
+++ b/src/app/product/popup/part-form/PartFormClient.tsx
@@ -0,0 +1,249 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { FileUpload } from "@/components/ui/file-upload";
+
+// partMng/partMngFormPopUp.jsp 대응 — 등록/수정/조회 (원본 레이아웃 매칭)
+function makeObjId(): string {
+  return String(Date.now()) + String(Math.floor(Math.random() * 10000));
+}
+
+interface PartFile {
+  OBJID: string;
+  REAL_FILE_NAME?: string;
+  DOC_TYPE?: string;
+}
+
+function PartFormPopup() {
+  const params = useSearchParams();
+  const objIdParam = params.get("objId") || "";
+  const readOnly = params.get("readOnly") === "true";
+  const isNew = !objIdParam;
+
+  // 신규일 때도 OBJID 사전 생성 → 도면 즉시 업로드 가능
+  // (이 파일은 page.tsx에서 dynamic({ssr:false})로 로드되므로 서버 렌더 없음 → makeObjId 안전)
+  const [objId, setObjId] = useState<string>(() => objIdParam || makeObjId());
+  const [form, setForm] = useState<Record<string, string>>({
+    PART_NO: "", PART_NAME: "", QTY: "1", MATERIAL: "", SPEC: "",
+    POST_PROCESSING: "", MAKER: "", PART_TYPE: "", REMARK: "",
+  });
+
+  const [fileVersion, setFileVersion] = useState(0);
+  const [files, setFiles] = useState<PartFile[]>([]);
+
+  const change = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const fetchDetail = useCallback(async () => {
+    if (isNew) return;
+    const res = await fetch("/api/product/part/detail", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      const d = j.data as Record<string, unknown>;
+      setForm((prev) => {
+        const next: Record<string, string> = { ...prev };
+        Object.keys(prev).forEach((k) => {
+          const v = d[k];
+          next[k] = v == null ? "" : String(v);
+        });
+        return next;
+      });
+    }
+  }, [objId, isNew]);
+
+  const fetchFiles = useCallback(async () => {
+    if (!objId) return;
+    const r = await fetch("/api/common/files", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const j = await r.json();
+    setFiles(((j.files || []) as PartFile[]));
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [objId, fileVersion]);
+
+  useEffect(() => { fetchDetail(); }, [fetchDetail]);
+  useEffect(() => { fetchFiles(); }, [fetchFiles]);
+
+  const handleSave = async () => {
+    if (!form.PART_NO) { Swal.fire("알림", "품번을 입력하세요.", "warning"); return; }
+    if (!form.PART_NAME) { Swal.fire("알림", "품명을 입력하세요.", "warning"); return; }
+    if (!form.PART_TYPE) { Swal.fire("알림", "PART구분을 선택하세요.", "warning"); return; }
+
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?", icon: "question", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const res = await fetch("/api/product/part/save", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        actionType: isNew ? "regist" : "update",
+        OBJID: objId,
+        ...form,
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      if (j.objId) setObjId(String(j.objId));
+      if (window.opener) { try { (window.opener as Window).location.reload(); } catch {} }
+      if (!isNew) window.close();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  const title = isNew ? "품목 등록" : readOnly ? "품목 조회" : "품목 수정";
+  const filesByType = (t: string) => files.filter((f) => f.DOC_TYPE === t);
+  const onUploaded = () => setFileVersion((v) => v + 1);
+
+  return (
+    <div className="p-2 bg-white min-h-screen">
+      <h2 className="text-sm font-bold text-gray-800 mb-2 border-b pb-1">{title}</h2>
+
+      <table className="w-full text-xs border-collapse [&_input:not([type=radio])]:h-7 [&_input:not([type=radio])]:text-xs">
+        <colgroup>
+          <col className="w-[110px]" />
+          <col />
+          <col className="w-[110px]" />
+          <col />
+        </colgroup>
+        <tbody>
+          <Full label="품번" required>
+            <Input value={form.PART_NO} onChange={(e) => change("PART_NO", e.target.value)} readOnly={readOnly} />
+          </Full>
+          <Full label="품명" required>
+            <Input value={form.PART_NAME} onChange={(e) => change("PART_NAME", e.target.value)} readOnly={readOnly} />
+          </Full>
+          <Pair
+            left={{ label: "QTY", child:
+              <Input value={form.QTY} onChange={(e) => change("QTY", e.target.value)} readOnly={readOnly} /> }}
+            right={{ label: "재질", child:
+              <Input value={form.MATERIAL} onChange={(e) => change("MATERIAL", e.target.value)} readOnly={readOnly} /> }}
+          />
+          <Full label="사양(규격)">
+            <Input value={form.SPEC} onChange={(e) => change("SPEC", e.target.value)} readOnly={readOnly} />
+          </Full>
+          <Pair
+            left={{ label: "후처리", child:
+              <Input value={form.POST_PROCESSING} onChange={(e) => change("POST_PROCESSING", e.target.value)} readOnly={readOnly} /> }}
+            right={{ label: "MAKER", child:
+              <Input value={form.MAKER} onChange={(e) => change("MAKER", e.target.value)} readOnly={readOnly} /> }}
+          />
+          <Full label="PART구분" required>
+            <SearchableCodeSelect codeId="0000062" value={form.PART_TYPE}
+              onChange={(v) => change("PART_TYPE", v)} disabled={readOnly} className="w-full" />
+          </Full>
+          <Full label="비고">
+            <Input value={form.REMARK} onChange={(e) => change("REMARK", e.target.value)} readOnly={readOnly} />
+          </Full>
+
+          {/* CAD Data — 좌측 라벨이 3행 rowSpan, 각 행은 [타입라벨][드롭존] */}
+          <CadRow rowSpan={3} cadLabel="CAD Data" typeLabel="3D"
+            objId={objId} readOnly={readOnly} docType="3D_CAD" docTypeName="3D CAD 첨부파일"
+            files={filesByType("3D_CAD")} onUploaded={onUploaded} />
+          <CadRow cadLabel="" typeLabel="2D(Drawing)"
+            objId={objId} readOnly={readOnly} docType="2D_DRAWING_CAD" docTypeName="2D(Drawing) CAD 첨부파일"
+            files={filesByType("2D_DRAWING_CAD")} onUploaded={onUploaded} />
+          <CadRow cadLabel="" typeLabel="2D(PDF)"
+            objId={objId} readOnly={readOnly} docType="2D_PDF_CAD" docTypeName="2D(PDF) CAD 첨부파일"
+            files={filesByType("2D_PDF_CAD")} onUploaded={onUploaded} />
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-3 pt-2 border-t">
+        {!readOnly && <Button size="sm" onClick={handleSave}>저장</Button>}
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+interface Cell { label: string; required?: boolean; child: React.ReactNode }
+
+function Pair({ left, right }: { left: Cell; right?: Cell }) {
+  return (
+    <tr>
+      <td className="border border-gray-200 bg-gray-50 px-2 py-0.5 font-medium text-gray-700">
+        {left.label}{left.required && <span className="text-red-500 ml-1">*</span>}
+      </td>
+      <td className="border border-gray-200 px-2 py-0.5">{left.child}</td>
+      {right ? (
+        <>
+          <td className="border border-gray-200 bg-gray-50 px-2 py-0.5 font-medium text-gray-700">
+            {right.label}{right.required && <span className="text-red-500 ml-1">*</span>}
+          </td>
+          <td className="border border-gray-200 px-2 py-0.5">{right.child}</td>
+        </>
+      ) : (
+        <>
+          <td className="border border-gray-200 bg-gray-50"></td>
+          <td className="border border-gray-200"></td>
+        </>
+      )}
+    </tr>
+  );
+}
+
+function Full({ label, required, children }: { label: string; required?: boolean; children: React.ReactNode }) {
+  return (
+    <tr>
+      <td className="border border-gray-200 bg-gray-50 px-2 py-0.5 font-medium text-gray-700">
+        {label}{required && <span className="text-red-500 ml-1">*</span>}
+      </td>
+      <td className="border border-gray-200 px-2 py-0.5" colSpan={3}>{children}</td>
+    </tr>
+  );
+}
+
+function CadRow({ rowSpan, cadLabel, typeLabel, objId, readOnly, docType, docTypeName, files, onUploaded }: {
+  rowSpan?: number; cadLabel: string; typeLabel: string;
+  objId: string; readOnly: boolean; docType: string; docTypeName: string;
+  files: PartFile[]; onUploaded: () => void;
+}) {
+  return (
+    <tr>
+      {rowSpan ? (
+        <td rowSpan={rowSpan} className="border border-gray-200 bg-gray-50 px-2 py-1 font-medium text-gray-700 text-left align-middle">
+          {cadLabel}
+        </td>
+      ) : null}
+      <td className="border border-gray-200 bg-gray-50 px-2 py-1 font-medium text-gray-700 text-left align-middle w-[100px]">
+        {typeLabel}
+      </td>
+      <td className="border border-gray-200 p-1.5" colSpan={2}>
+        {!readOnly && (
+          <FileUpload
+            targetObjId={objId} docType={docType} docTypeName={docTypeName}
+            variant="dropzone" dropzoneHeight={70}
+            onUploadComplete={onUploaded}
+          />
+        )}
+        {files.length > 0 && (
+          <ul className="mt-1 text-xs text-gray-700 space-y-0.5">
+            {files.map((f) => (
+              <li key={f.OBJID} className="truncate">📎 {f.REAL_FILE_NAME}</li>
+            ))}
+          </ul>
+        )}
+      </td>
+    </tr>
+  );
+}
+
+export default function PartFormClient() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PartFormPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/part-form/page.tsx b/src/app/product/popup/part-form/page.tsx
new file mode 100644
index 0000000..f24e0af
--- /dev/null
+++ b/src/app/product/popup/part-form/page.tsx
@@ -0,0 +1,15 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+// 이 팝업은 SSR 불필요 + Date.now/Math.random 기반 OBJID 사전 생성으로
+// 서버 렌더와 클라이언트 렌더 값이 달라 hydration mismatch가 반복 발생.
+// 서버 렌더를 꺼서 근본 차단.
+const PartFormClient = dynamic(() => import("./PartFormClient"), {
+  ssr: false,
+  loading: () => <div className="p-8 text-center text-gray-400">로딩 중...</div>,
+});
+
+export default function Page() {
+  return <PartFormClient />;
+}
diff --git a/src/app/product/popup/part-his-detail/page.tsx b/src/app/product/popup/part-his-detail/page.tsx
new file mode 100644
index 0000000..632c52f
--- /dev/null
+++ b/src/app/product/popup/part-his-detail/page.tsx
@@ -0,0 +1,180 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+
+type FileRow = { OBJID: string; REAL_FILE_NAME: string; DOC_TYPE: string };
+
+// partMng/partMngHisDetailPopUp.jsp 대응 (품목 상세)
+function PartHisDetailPopup() {
+  const params = useSearchParams();
+  const objId = params.get("objId") || params.get("OBJID") || "";
+  const [info, setInfo] = useState<Record<string, unknown> | null>(null);
+  const [files, setFiles] = useState<FileRow[]>([]);
+
+  const fetchDetail = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/product/history/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      setInfo(j.data);
+      setFiles(j.files || []);
+    }
+  }, [objId]);
+
+  useEffect(() => { fetchDetail(); }, [fetchDetail]);
+
+  const v = (k: string) => (info?.[k] == null ? "" : String(info[k]));
+  const filesOf = (docType: string) => files.filter((f) => f.DOC_TYPE === docType);
+  const isLast = String(info?.IS_LAST ?? "") === "1";
+
+  const handleEdit = () => {
+    const w = 900, h = 600;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/product/popup/part-form?objId=${encodeURIComponent(objId)}`, "partMngEdit",
+      `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const handleChangeDesign = async () => {
+    const c = await Swal.fire({
+      title: "설계변경 하시겠습니까?", icon: "question",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+    const w = 900, h = 600;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/product/popup/part-form?objId=${encodeURIComponent(objId)}&ACTION_TYPE=changeDesign`,
+      "partMngChangeDesign",
+      `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">품목 상세</h2>
+
+      <table className="w-full text-sm border-collapse table-fixed">
+        <colgroup>
+          <col style={{ width: "110px" }} />
+          <col />
+          <col style={{ width: "110px" }} />
+          <col />
+        </colgroup>
+        <tbody>
+          <FullRow label="품번"><ReadInput v={v("PART_NO")} /></FullRow>
+          <FullRow label="품명"><ReadInput v={v("PART_NAME")} /></FullRow>
+          <tr>
+            <Th>대분류</Th><Td><ReadInput v={v("MAJOR_CATEGORY")} /></Td>
+            <Th>중분류</Th><Td><ReadInput v={v("SUB_CATEGORY")} /></Td>
+          </tr>
+          <tr>
+            <Th>QTY</Th><Td><ReadInput v={v("QTY")} /></Td>
+            <Th>재질</Th><Td><ReadInput v={v("MATERIAL")} /></Td>
+          </tr>
+          <FullRow label="사양(규격)"><ReadInput v={v("SPEC")} /></FullRow>
+          <tr>
+            <Th>후처리</Th><Td><ReadInput v={v("POST_PROCESSING")} /></Td>
+            <Th>MAKER</Th><Td><ReadInput v={v("MAKER")} /></Td>
+          </tr>
+          <tr>
+            <Th>PART구분</Th>
+            <Td>
+              <select disabled value={v("PART_TYPE")}
+                className="w-full h-8 border border-gray-300 rounded px-2 text-sm bg-gray-50">
+                <option value={v("PART_TYPE")}>{v("PART_TYPE_TITLE") || "선택"}</option>
+              </select>
+            </Td>
+            <Th>Revision</Th><Td><ReadInput v={v("REVISION")} /></Td>
+          </tr>
+          <tr>
+            <Th>EO No</Th><Td><ReadInput v={v("EO_NO")} /></Td>
+            <Th>EO Date</Th><Td><ReadInput v={v("EO_DATE")} /></Td>
+          </tr>
+          <tr>
+            <Th>EO구분</Th>
+            <Td>
+              <select disabled value={v("CHANGE_TYPE")}
+                className="w-full h-8 border border-gray-300 rounded px-2 text-sm bg-gray-50">
+                <option value={v("CHANGE_TYPE")}>{v("CHANGE_TYPE_NAME") || "선택"}</option>
+              </select>
+            </Td>
+            <Th>EO사유</Th>
+            <Td>
+              <select disabled value={v("CHANGE_OPTION")}
+                className="w-full h-8 border border-gray-300 rounded px-2 text-sm bg-gray-50">
+                <option value={v("CHANGE_OPTION")}>{v("CHANGE_OPTION_NAME") || "선택"}</option>
+              </select>
+            </Td>
+          </tr>
+          <FullRow label="비고"><ReadInput v={v("REMARK")} /></FullRow>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 font-medium text-gray-700 align-middle"
+                rowSpan={3}>CAD Data</td>
+            <CadCell label="3D" files={filesOf("3D_CAD")} />
+          </tr>
+          <tr><CadCell label="2D" files={filesOf("2D_DRAWING_CAD")} /></tr>
+          <tr><CadCell label="PDF" files={filesOf("2D_PDF_CAD")} /></tr>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        {isLast && (
+          <>
+            <Button onClick={handleEdit}>편집</Button>
+            <Button onClick={handleChangeDesign}>설계변경</Button>
+          </>
+        )}
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function Th({ children }: { children: React.ReactNode }) {
+  return <td className="border border-gray-200 bg-gray-50 px-3 py-1.5 w-[110px] font-medium text-gray-700">{children}</td>;
+}
+function Td({ children }: { children: React.ReactNode }) {
+  return <td className="border border-gray-200 px-2 py-1.5">{children}</td>;
+}
+function ReadInput({ v }: { v: string }) {
+  return <input value={v} readOnly className="w-full h-8 border border-gray-300 rounded px-2 text-sm bg-gray-50" />;
+}
+function FullRow({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <tr>
+      <Th>{label}</Th>
+      <td colSpan={3} className="border border-gray-200 px-2 py-1.5">{children}</td>
+    </tr>
+  );
+}
+function CadCell({ label, files }: { label: string; files: FileRow[] }) {
+  return (
+    <>
+      <td className="border border-gray-200 bg-gray-50 px-3 py-1.5 w-[70px] text-gray-700">{label}</td>
+      <td colSpan={2} className="border border-gray-200 px-2 py-1.5 min-h-[28px]">
+        {files.length === 0 ? <span className="text-gray-300">-</span> : (
+          <ul className="space-y-0.5">
+            {files.map((f) => <li key={f.OBJID} className="text-sm">{f.REAL_FILE_NAME}</li>)}
+          </ul>
+        )}
+      </td>
+    </>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PartHisDetailPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/product/popup/set-structure/page.tsx b/src/app/product/popup/set-structure/page.tsx
new file mode 100644
index 0000000..d7664c2
--- /dev/null
+++ b/src/app/product/popup/set-structure/page.tsx
@@ -0,0 +1,536 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { FolderCell } from "@/components/ui/folder-cell";
+
+type Row = Record<string, unknown>;
+type CodeOpt = { CODE_ID: string; CODE_NAME: string };
+
+const LEVEL_COLORS = [
+  "", "#fde9d9", "#daeef3", "#e4dfec", "#ebf1de", "#f2f2f2",
+  "#f2dcdb", "#eeece1", "#dce6f1", "#FFFFEB", "#ffffff",
+];
+
+// partMng/structurePopupFs.jsp + Left/Center/Right 대응 (BOM 구조등록 3분할 팝업)
+function SetStructurePopup() {
+  const params = useSearchParams();
+  const bomReportObjId = params.get("objId") || "";
+
+  const [header, setHeader] = useState<Record<string, unknown>>({});
+  const [tree, setTree] = useState<Row[]>([]);
+  const [maxLevel, setMaxLevel] = useState(0);
+  const [selectedChildObjId, setSelectedChildObjId] = useState("");
+  const [qtyEdits, setQtyEdits] = useState<Record<string, string>>({});
+  const [seqEdits, setSeqEdits] = useState<Record<string, string>>({});
+
+  // Center panel state
+  const [changeType, setChangeType] = useState("");
+  const [changeOption, setChangeOption] = useState("");
+  const [changeTypes, setChangeTypes] = useState<CodeOpt[]>([]);
+  const [changeOptions, setChangeOptions] = useState<CodeOpt[]>([]);
+
+  // Right panel state
+  const [searchPartNo, setSearchPartNo] = useState("");
+  const [searchPartName, setSearchPartName] = useState("");
+  const [searchSpec, setSearchSpec] = useState("");
+  const [searchMaker, setSearchMaker] = useState("");
+  const [rightRows, setRightRows] = useState<Row[]>([]);
+  const [rightChecked, setRightChecked] = useState<Set<string>>(new Set());
+
+  const isCreate = String(header.STATUS || "") === "create";
+
+  // 코드 로드 (EO구분 필터: 0001055, 0001056 / EO사유 필터: 0001626, 0001637, 0001790)
+  useEffect(() => {
+    const load = async (codeId: string) => {
+      const res = await fetch("/api/common/code-list", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ codeId }),
+      });
+      const j = await res.json();
+      return (j.data || []).map((r: Record<string, unknown>) => ({
+        CODE_ID: String(r.code_id || r.CODE_ID || ""),
+        CODE_NAME: String(r.code_name || r.CODE_NAME || ""),
+      })) as CodeOpt[];
+    };
+    load("0001054").then((list) => setChangeTypes(list.filter((c) => ["0001055", "0001056"].includes(c.CODE_ID))));
+    load("0000318").then((list) => setChangeOptions(list.filter((c) => ["0001626", "0001637", "0001790"].includes(c.CODE_ID))));
+  }, []);
+
+  const fetchTree = useCallback(async () => {
+    const res = await fetch("/api/product/bom/structure-tree", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ bomReportObjId }),
+    });
+    if (res.ok) {
+      const j = await res.json();
+      setHeader(j.HEADER || {});
+      setTree(j.RESULTLIST || []);
+      setMaxLevel(j.RESULTLIST?.[0]?.MAX_LEVEL ? Number(j.RESULTLIST[0].MAX_LEVEL) : 0);
+      setQtyEdits({});
+      setSeqEdits({});
+    }
+  }, [bomReportObjId]);
+
+  const searchParts = useCallback(async () => {
+    const res = await fetch("/api/product/part/search", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        is_last: "1",
+        search_part_no: searchPartNo,
+        search_part_name: searchPartName,
+        search_spec: searchSpec,
+        search_maker: searchMaker,
+      }),
+    });
+    const j = await res.json();
+    setRightRows(Array.isArray(j) ? j : []);
+    setRightChecked(new Set());
+  }, [searchPartNo, searchPartName, searchSpec, searchMaker]);
+
+  useEffect(() => { fetchTree(); }, [fetchTree]);
+
+  const selectedRow = tree.find((r) => String(r.CHILD_OBJID ?? "") === selectedChildObjId);
+
+  const validateChangeFields = () => {
+    if (!isCreate) {
+      if (!changeType) { Swal.fire("알림", "EO구분을 선택해주세요.", "warning"); return false; }
+      if (!changeOption) { Swal.fire("알림", "EO사유를 선택해주세요.", "warning"); return false; }
+    }
+    return true;
+  };
+
+  // << Part 연결 (rightChecked → selected left 아래에 추가)
+  const handleConnect = async () => {
+    if (rightChecked.size === 0) { Swal.fire("알림", "선택된 Part가 없습니다.", "warning"); return; }
+    if (!validateChangeFields()) return;
+
+    // 설변이면 파트추가(0001626)만 가능
+    if (!isCreate && changeOption !== "0001626") {
+      Swal.fire("알림", "설변사유는 파트추가만 가능합니다.", "warning");
+      setChangeOption("0001626");
+      return;
+    }
+
+    const rightArr = [...rightChecked];
+    const selectedPartNo = String(selectedRow?.PART_NO ?? "");
+    const rightPartNos = rightArr
+      .map((objId) => rightRows.find((r) => String(r.OBJID) === objId))
+      .map((r) => String(r?.PART_NO ?? ""));
+
+    // 같은 PART_NO 체크
+    if (selectedPartNo && rightPartNos.includes(selectedPartNo)) {
+      Swal.fire("오류", `같은 Part No끼리 연결할 수 없습니다: ${selectedPartNo}`, "error");
+      return;
+    }
+    // 상위 중복 체크 (PARENT_PARTS에 이미 포함된 PART_NO는 연결 거부)
+    const parentPartsRaw = String(selectedRow?.PARENT_PARTS ?? "");
+    const parentParts = parentPartsRaw ? parentPartsRaw.split(",") : [];
+    // PARENT_PARTS는 part_mng.objid 배열이므로 PART_NO 매칭을 위해 objId로 비교
+    const deniedPartObjId = rightArr.find((objId) => parentParts.includes(objId));
+    if (deniedPartObjId) {
+      const p = rightRows.find((r) => String(r.OBJID) === deniedPartObjId);
+      Swal.fire("오류", `이미 상위에 등록된 Part No 입니다: ${p?.PART_NO ?? deniedPartObjId}`, "error");
+      return;
+    }
+
+    if (!selectedChildObjId) {
+      // 1레벨 중복 체크
+      const dupRes = await fetch("/api/product/bom/check-top-duplicate", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ OBJID: bomReportObjId, rightCheckedArr: rightArr }),
+      });
+      const dupJ = await dupRes.json();
+      if (dupJ.result) {
+        Swal.fire("오류", "1레벨에 같은 Part No가 중복 등록될 수 없습니다.", "error");
+        return;
+      }
+      const c = await Swal.fire({
+        title: "좌측에 선택된 Part 정보가 없습니다.\n이대로 연결하면 1레벨로 등록됩니다.\n진행하시겠습니까?",
+        icon: "question", showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+      });
+      if (!c.isConfirmed) return;
+    }
+
+    const res = await fetch("/api/product/bom/structure-connect", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        BOM_REPORT_OBJID: bomReportObjId,
+        leftObjId: selectedChildObjId,
+        partObjId: String(selectedRow?.LAST_PART_OBJID ?? ""),
+        leftPartNoQty: String(selectedRow?.PART_NO ?? ""),
+        leftPartChildObjId: selectedChildObjId,
+        rightCheckedArr: rightArr,
+        CHANGE_TYPE: changeType,
+        CHANGE_OPTION: changeOption,
+        isCreate: String(isCreate),
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      fetchTree();
+      setRightChecked(new Set());
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  // >> 연결 해제
+  const handleDisconnect = async () => {
+    if (!selectedChildObjId) { Swal.fire("알림", "연결 해제할 Part를 선택해 주시기 바랍니다.", "warning"); return; }
+    if (!validateChangeFields()) return;
+
+    if (!isCreate && changeOption !== "0001637") {
+      Swal.fire("알림", "설변사유는 파트삭제만 가능합니다.", "warning");
+      setChangeOption("0001637");
+      return;
+    }
+
+    const c = await Swal.fire({
+      title: "연결 해제하시겠습니까?", icon: "question",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!c.isConfirmed) return;
+
+    const res = await fetch("/api/product/bom/structure-disconnect", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        BOM_REPORT_OBJID: bomReportObjId,
+        leftObjId: selectedChildObjId,
+        CHANGE_TYPE: changeType,
+        CHANGE_OPTION: changeOption,
+        isCreate: String(isCreate),
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      fetchTree();
+      setSelectedChildObjId("");
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  // 변경
+  const handleChange = async () => {
+    if (!selectedChildObjId) { Swal.fire("알림", "선택된 파트가 없습니다.", "warning"); return; }
+    if (rightChecked.size === 0) { Swal.fire("알림", "선택된 파트가 없습니다.", "warning"); return; }
+    if (rightChecked.size > 1) { Swal.fire("알림", "한번에 1개의 파트만 변경가능합니다.", "warning"); return; }
+    if (!validateChangeFields()) return;
+
+    const rightPartObjId = [...rightChecked][0];
+    const rightRow = rightRows.find((r) => String(r.OBJID) === rightPartObjId);
+    const res = await fetch("/api/product/bom/structure-change", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        BOM_REPORT_OBJID: bomReportObjId,
+        B_OBJID: String(selectedRow?.OBJID ?? ""),
+        leftObjId: selectedChildObjId,
+        leftPartObjid: String(selectedRow?.LAST_PART_OBJID ?? ""),
+        leftPartNoQty: String(selectedRow?.PART_NO ?? ""),
+        leftPartChildObjId: selectedChildObjId,
+        rightObjId: rightPartObjId,
+        rightPartNo: String(rightRow?.PART_NO ?? ""),
+        rightPartRev: String(rightRow?.REVISION ?? ""),
+        CHANGE_TYPE: changeType,
+        CHANGE_OPTION: changeOption,
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      fetchTree();
+      setRightChecked(new Set());
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  // SEQ 저장 (Enter)
+  const saveSeq = async (childObjId: string, seq: string) => {
+    if (!/^\d+$/.test(seq)) {
+      Swal.fire("알림", "숫자만 입력 가능합니다.", "warning");
+      return;
+    }
+    const res = await fetch("/api/product/bom/structure-seq", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ BOM_REPORT_OBJID: bomReportObjId, CHILD_OBJID: childObjId, SEQ: seq }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: "변경되었습니다", timer: 800, showConfirmButton: false });
+      fetchTree();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  // QTY 저장 (Enter)
+  const saveQty = async (childObjId: string, qty: string) => {
+    const res = await fetch("/api/product/bom/structure-qty", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ BOM_REPORT_OBJID: bomReportObjId, CHILD_OBJID: childObjId, QTY_TEMP: qty }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: "저장하였습니다.", timer: 800, showConfirmButton: false });
+      fetchTree();
+    } else {
+      Swal.fire("오류", j.message || "저장 실패", "error");
+    }
+  };
+
+  const openPartForm = (partObjId: string) => {
+    const w = 900, h = 600;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(`/product/popup/part-form?objId=${encodeURIComponent(partObjId)}`, "partMngPopUp",
+      `width=${w},height=${h},left=${left},top=${top}`);
+  };
+
+  const openFilePopup = (objId: string, docType: string, docTypeName: string) => {
+    const w = 800, h = 335;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=${encodeURIComponent(docType)}&docTypeName=${encodeURIComponent(docTypeName)}`,
+      "fileRegistPopUp", `width=${w},height=${h},left=${left},top=${top}`,
+    );
+  };
+
+  const fileCell = (cnt: number, objId: string, docType: string, docTypeName: string) => (
+    <FolderCell count={cnt} onClick={() => openFilePopup(objId, docType, docTypeName)} />
+  );
+
+  const structureTitle = `(${header.CUSTOMER_NAME ?? ""}_${header.CUSTOMER_PROJECT_NAME ?? ""}_${header.UNIT_NAME ?? ""})_${header.REV ?? ""}`;
+
+  return (
+    <div className="flex h-screen bg-white">
+      {/* LEFT: BOM 트리 (65%) */}
+      <div className="flex-1 min-w-0 flex flex-col border-r border-gray-300" style={{ flexBasis: "65%" }}>
+        <div className="px-3 py-2 bg-gray-100 border-b border-gray-200 flex items-center justify-between">
+          <h3 className="text-sm font-bold text-gray-800">구조등록 {structureTitle}</h3>
+          <div className="text-xs text-gray-500">※수량 변경 후 엔터: 저장 (신규 추가 파트만)</div>
+        </div>
+        <div className="flex-1 overflow-auto">
+          <table className="text-xs border-collapse" style={{ minWidth: "100%" }}>
+            <thead className="sticky top-0 bg-gray-100 z-10">
+              <tr>
+                <th className="border border-gray-200 px-1 py-1 w-[20px]"></th>
+                {Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => (
+                  <th key={i} className="border border-gray-200 px-1 py-1 w-[22px]">{i + 1}</th>
+                ))}
+                <th className="border border-gray-200 px-2 py-1 w-[130px]">품번</th>
+                <th className="border border-gray-200 px-2 py-1 w-[160px]">품명</th>
+                <th className="border border-gray-200 px-2 py-1 w-[50px]">수량</th>
+                <th className="border border-gray-200 px-2 py-1 w-[30px]">3D</th>
+                <th className="border border-gray-200 px-2 py-1 w-[30px]">2D</th>
+                <th className="border border-gray-200 px-2 py-1 w-[30px]">PDF</th>
+                <th className="border border-gray-200 px-2 py-1 w-[70px]">재질</th>
+                <th className="border border-gray-200 px-2 py-1 w-[140px]">사양(규격)</th>
+                <th className="border border-gray-200 px-2 py-1 w-[90px]">MAKER</th>
+                <th className="border border-gray-200 px-2 py-1 w-[70px]">Revision</th>
+                <th className="border border-gray-200 px-2 py-1 w-[75px]">EO No</th>
+                <th className="border border-gray-200 px-2 py-1 w-[75px]">EO Date</th>
+                <th className="border border-gray-200 px-2 py-1 w-[70px]">PART 구분</th>
+                <th className="border border-gray-200 px-2 py-1 w-[55px]">순번</th>
+              </tr>
+            </thead>
+            <tbody>
+              {tree.length === 0 ? (
+                <tr><td colSpan={14 + Math.max(maxLevel, 1)} className="text-center py-10 text-gray-400">등록된 구조정보가 없습니다.</td></tr>
+              ) : tree.map((r, idx) => {
+                const lev = Number(r.LEVEL ?? 0);
+                const bg = LEVEL_COLORS[Math.min(lev, LEVEL_COLORS.length - 1)];
+                const childObjId = String(r.CHILD_OBJID ?? "");
+                const partNo = String(r.PART_NO ?? "");
+                const status = String(r.STATUS ?? "");
+                const isAdding = status === "adding";
+                const qtyVal = qtyEdits[childObjId] ?? String(r.QTY_TEMP ?? r.QTY ?? "");
+                const seqVal = seqEdits[childObjId] ?? String(r.SEQ ?? "");
+                return (
+                  <tr key={idx} style={{ backgroundColor: bg }}>
+                    <td className="border border-gray-200 px-1 py-0.5 text-center">
+                      <input type="radio" name="checkedPartNo" value={childObjId}
+                        checked={selectedChildObjId === childObjId}
+                        onChange={() => setSelectedChildObjId(childObjId)} />
+                    </td>
+                    {Array.from({ length: Math.max(maxLevel, 1) }, (_, i) => (
+                      <td key={i} className="border border-gray-200 text-center">{lev === i + 1 ? "*" : ""}</td>
+                    ))}
+                    <td className="border border-gray-200 px-2 py-0.5 text-left">
+                      <a className="text-primary hover:underline cursor-pointer" onClick={() => openPartForm(String(r.LAST_PART_OBJID))}>
+                        {partNo}
+                      </a>
+                    </td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-left">{String(r.PART_NAME ?? "")}</td>
+                    <td className="border border-gray-200 px-1 py-0.5 text-center">
+                      {isAdding ? (
+                        <input type="text" maxLength={3} value={qtyVal}
+                          onChange={(e) => setQtyEdits({ ...qtyEdits, [childObjId]: e.target.value })}
+                          onKeyDown={(e) => {
+                            if (e.key === "Enter") {
+                              if (!/^\d+$/.test(qtyVal)) {
+                                Swal.fire("알림", "숫자만 입력 가능합니다.", "warning");
+                                setQtyEdits({ ...qtyEdits, [childObjId]: "1" });
+                                return;
+                              }
+                              saveQty(childObjId, qtyVal);
+                            }
+                          }}
+                          className="w-10 h-5 text-xs border border-gray-300 text-center" />
+                      ) : String(r.QTY_TEMP ?? r.QTY ?? "")}
+                    </td>
+                    <td className="border border-gray-200 text-center">
+                      {fileCell(Number(r.CU01_CNT ?? 0), String(r.LAST_PART_OBJID), "3D_CAD", "3D CAD 첨부파일")}
+                    </td>
+                    <td className="border border-gray-200 text-center">
+                      {fileCell(Number(r.CU02_CNT ?? 0), String(r.LAST_PART_OBJID), "2D_DRAWING_CAD", "2D(Drawing) CAD 첨부파일")}
+                    </td>
+                    <td className="border border-gray-200 text-center">
+                      {fileCell(Number(r.CU03_CNT ?? 0), String(r.LAST_PART_OBJID), "2D_PDF_CAD", "2D(PDF) CAD 첨부파일")}
+                    </td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-left">{String(r.MATERIAL ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-left">{String(r.SPEC ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-left">{String(r.MAKER ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-center">{String(r.REVISION ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-center">{String(r.EO_NO ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-center">{String(r.EO_DATE ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5 text-center">{String(r.PART_TYPE_TITLE ?? "")}</td>
+                    <td className="border border-gray-200 px-1 py-0.5 text-center">
+                      {!isCreate ? String(r.SEQ ?? "") : (
+                        <input type="text" maxLength={3} value={seqVal}
+                          onChange={(e) => setSeqEdits({ ...seqEdits, [childObjId]: e.target.value })}
+                          onKeyDown={(e) => { if (e.key === "Enter") saveSeq(childObjId, seqVal); }}
+                          className="w-10 h-5 text-xs border border-gray-300 text-center" />
+                      )}
+                    </td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      {/* CENTER: 변경 버튼 (6%) */}
+      <div className="w-[100px] flex-shrink-0 flex flex-col items-center justify-start gap-2 py-3 px-2 bg-gray-50 border-r border-gray-300">
+        {!isCreate && (
+          <div className="w-full space-y-1">
+            <div className="text-[11px] text-gray-600">EO구분</div>
+            <select value={changeType} onChange={(e) => setChangeType(e.target.value)}
+              className="w-full h-7 text-xs border border-gray-300 rounded px-1">
+              <option value="">선택</option>
+              {changeTypes.map((c) => <option key={c.CODE_ID} value={c.CODE_ID}>{c.CODE_NAME}</option>)}
+            </select>
+            <div className="text-[11px] text-gray-600 mt-1">EO사유</div>
+            <select value={changeOption} onChange={(e) => setChangeOption(e.target.value)}
+              className="w-full h-7 text-xs border border-gray-300 rounded px-1">
+              <option value="">선택</option>
+              {changeOptions.map((c) => <option key={c.CODE_ID} value={c.CODE_ID}>{c.CODE_NAME}</option>)}
+            </select>
+          </div>
+        )}
+        <div className="w-full space-y-1 mt-2">
+          <Button size="sm" className="w-full" onClick={handleChange}>변경</Button>
+          <Button size="sm" className="w-full" onClick={handleConnect}>{"<<"}</Button>
+          <Button size="sm" className="w-full" onClick={handleDisconnect}>{">>"}</Button>
+          <Button size="sm" variant="secondary" className="w-full" onClick={() => {
+            if (window.opener) { try { (window.opener as Window).location.reload(); } catch {} }
+            window.close();
+          }}>닫기</Button>
+        </div>
+      </div>
+
+      {/* RIGHT: PART 검색 (29%) */}
+      <div className="flex-1 min-w-0 flex flex-col" style={{ flexBasis: "29%" }}>
+        <div className="px-3 py-2 bg-gray-100 border-b border-gray-200">
+          <h3 className="text-sm font-bold text-gray-800">PART 검색</h3>
+        </div>
+        <div className="p-2 bg-gray-50 border-b border-gray-200 space-y-1">
+          <div className="flex items-center gap-1">
+            <label className="text-xs w-[50px]">품번</label>
+            <Input value={searchPartNo} onChange={(e) => setSearchPartNo(e.target.value)}
+              onKeyDown={(e) => e.key === "Enter" && searchParts()} className="h-7 text-xs flex-1" />
+          </div>
+          <div className="flex items-center gap-1">
+            <label className="text-xs w-[50px]">품명</label>
+            <Input value={searchPartName} onChange={(e) => setSearchPartName(e.target.value)}
+              onKeyDown={(e) => e.key === "Enter" && searchParts()} className="h-7 text-xs flex-1" />
+          </div>
+          <div className="flex items-center gap-1">
+            <label className="text-xs w-[50px]">규격</label>
+            <Input value={searchSpec} onChange={(e) => setSearchSpec(e.target.value)}
+              onKeyDown={(e) => e.key === "Enter" && searchParts()} className="h-7 text-xs flex-1" />
+          </div>
+          <div className="flex items-center gap-1">
+            <label className="text-xs w-[50px]">MAKER</label>
+            <Input value={searchMaker} onChange={(e) => setSearchMaker(e.target.value)}
+              onKeyDown={(e) => e.key === "Enter" && searchParts()} className="h-7 text-xs flex-1" />
+            <Button size="sm" onClick={searchParts}>조회</Button>
+          </div>
+        </div>
+        <div className="flex-1 overflow-auto">
+          <table className="text-xs border-collapse w-full">
+            <thead className="sticky top-0 bg-gray-100 z-10">
+              <tr>
+                <th className="border border-gray-200 px-1 py-1 w-[30px]">
+                  <input type="checkbox"
+                    checked={rightRows.length > 0 && rightChecked.size === rightRows.length}
+                    onChange={(e) => {
+                      if (e.target.checked) setRightChecked(new Set(rightRows.map((r) => String(r.OBJID))));
+                      else setRightChecked(new Set());
+                    }} />
+                </th>
+                <th className="border border-gray-200 px-2 py-1">품번</th>
+                <th className="border border-gray-200 px-2 py-1">품명</th>
+                <th className="border border-gray-200 px-2 py-1">규격</th>
+                <th className="border border-gray-200 px-2 py-1">MAKER</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rightRows.length === 0 ? (
+                <tr><td colSpan={5} className="text-center py-10 text-gray-400">조회된 Part가 없습니다.</td></tr>
+              ) : rightRows.map((r) => {
+                const objId = String(r.OBJID);
+                return (
+                  <tr key={objId} className={rightChecked.has(objId) ? "bg-blue-50" : ""}>
+                    <td className="border border-gray-200 px-1 py-0.5 text-center">
+                      <input type="checkbox" checked={rightChecked.has(objId)}
+                        onChange={(e) => {
+                          const next = new Set(rightChecked);
+                          if (e.target.checked) next.add(objId); else next.delete(objId);
+                          setRightChecked(next);
+                        }} />
+                    </td>
+                    <td className="border border-gray-200 px-2 py-0.5">
+                      <a className="text-primary hover:underline cursor-pointer" onClick={() => openPartForm(objId)}>
+                        {String(r.PART_NO ?? "")}
+                      </a>
+                    </td>
+                    <td className="border border-gray-200 px-2 py-0.5">{String(r.PART_NAME ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5">{String(r.SPEC ?? "")}</td>
+                    <td className="border border-gray-200 px-2 py-0.5">{String(r.MAKER ?? "")}</td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <SetStructurePopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/assembly-popup/page.tsx b/src/app/production/assembly-popup/page.tsx
new file mode 100644
index 0000000..7713227
--- /dev/null
+++ b/src/app/production/assembly-popup/page.tsx
@@ -0,0 +1,308 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import { numberWithCommas } from "@/lib/utils";
+
+// productionplanning/assemblyWbsFormPopUp.jsp 대응 (편집/저장/일괄적용 포함)
+interface AssemblyRow {
+  BOM_PART_QTY_OBJID: string;
+  CHILD_OBJID: string;
+  PART_OBJID: string;
+  PART_NO?: string;
+  PART_NAME?: string;
+  MATERIAL?: string;
+  SPEC?: string;
+  MAKER?: string;
+  REVISION?: string;
+  EO_NO?: string;
+  EO_DATE?: string;
+  PART_TYPE_TITLE?: string;
+  QTY?: string;
+  ASSEMBLY_OBJID?: string;
+  ASSEMBLY_USER_ID?: string;
+  ASSEMBLY_USER_NAME?: string;
+  ASSEMBLY_DATE?: string;
+  INSOURCING?: string;
+  OUTSOURCING?: string;
+  ARRIVAL_PLAN_DATES?: string;
+  RECEIPT_DATES?: string;
+  DELIVERY_QTY?: number | string;
+  ORDER_QTY?: number | string;
+  RECEIVE_QTY?: number | string;
+}
+
+function AssemblyPopupView() {
+  const params = useSearchParams();
+  const bomReportObjid = params.get("objId") || params.get("OBJID") || "";
+
+  const [rows, setRows] = useState<AssemblyRow[]>([]);
+  const [header, setHeader] = useState<Record<string, unknown>>({});
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+  const [checked, setChecked] = useState<Set<string>>(new Set());
+  const [bulkUserId, setBulkUserId] = useState("");
+  const [bulkDate, setBulkDate] = useState("");
+  const [useBulkUser, setUseBulkUser] = useState(false);
+  const [useBulkDate, setUseBulkDate] = useState(false);
+  const [saving, setSaving] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    if (!bomReportObjid) return;
+    const res = await fetch("/api/production/assembly-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ bomReportObjid }),
+    });
+    const j = await res.json();
+    setRows((j.RESULTLIST || []) as AssemblyRow[]);
+    setHeader((j.HEADER || {}) as Record<string, unknown>);
+    setChecked(new Set());
+  }, [bomReportObjid]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    fetch("/api/common/user-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || r.USER_ID),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const update = (idx: number, field: keyof AssemblyRow, value: string) => {
+    setRows((prev) => prev.map((r, i) => (i === idx ? { ...r, [field]: value } : r)));
+  };
+
+  const toggleCheck = (key: string) => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key); else next.add(key);
+      return next;
+    });
+  };
+  const toggleAll = () => {
+    if (checked.size === rows.length) setChecked(new Set());
+    else setChecked(new Set(rows.map((r) => r.BOM_PART_QTY_OBJID)));
+  };
+
+  const applyBulk = () => {
+    if (checked.size === 0) {
+      Swal.fire({ icon: "warning", title: "적용할 행을 선택하세요." });
+      return;
+    }
+    if (!useBulkUser && !useBulkDate) {
+      Swal.fire({ icon: "warning", title: "적용할 항목(담당자 또는 완료일)을 체크하세요." });
+      return;
+    }
+    setRows((prev) => prev.map((r) => {
+      if (!checked.has(r.BOM_PART_QTY_OBJID)) return r;
+      const next = { ...r };
+      if (useBulkUser) {
+        next.ASSEMBLY_USER_ID = bulkUserId;
+        const u = users.find((o) => o.value === bulkUserId);
+        next.ASSEMBLY_USER_NAME = u?.label || "";
+      }
+      if (useBulkDate) next.ASSEMBLY_DATE = bulkDate;
+      return next;
+    }));
+  };
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/production/assembly-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ parentObjid: bomReportObjid, rows }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+        if (window.opener) { try { (window.opener as Window & { location: Location }).location.reload(); } catch {} }
+        fetchData();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const { totalCount, doneCount, rate } = useMemo(() => {
+    const total = rows.length;
+    const done = rows.filter((r) => (r.ASSEMBLY_USER_ID || "") !== "" && (r.ASSEMBLY_DATE || "") !== "").length;
+    return {
+      totalCount: total,
+      doneCount: done,
+      rate: total > 0 ? Math.round((done / total) * 1000) / 10 : 0,
+    };
+  }, [rows]);
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-2 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">조립 리스트</h2>
+        <div className="text-xs text-gray-500">
+          [{String(header.PROJECT_NO ?? "")}] {String(header.PROJECT_NAME ?? "")} · {String(header.CUSTOMER_NAME ?? "")}
+          {header.UNIT_NAME ? ` · ${String(header.UNIT_NAME)}` : ""}
+        </div>
+      </div>
+
+      <div className="flex flex-wrap items-center gap-3 mb-2 text-xs">
+        <span>조립총수: <b>{numberWithCommas(totalCount)}</b></span>
+        <span>조립품수: <b>{numberWithCommas(doneCount)}</b></span>
+        <span>공정율: <b>{rate}%</b></span>
+
+        <div className="ml-4 flex items-center gap-2 px-2 py-1 bg-gray-50 border rounded">
+          <span className="font-semibold text-gray-600">일괄적용:</span>
+          <label className="flex items-center gap-1">
+            <input type="checkbox" checked={useBulkUser} onChange={(e) => setUseBulkUser(e.target.checked)} />
+            담당자
+          </label>
+          <div className="w-[140px]">
+            <SearchableSelect options={users} value={bulkUserId} onChange={setBulkUserId} placeholder="선택" />
+          </div>
+          <label className="flex items-center gap-1">
+            <input type="checkbox" checked={useBulkDate} onChange={(e) => setUseBulkDate(e.target.checked)} />
+            완료일
+          </label>
+          <input type="date" value={bulkDate} onChange={(e) => setBulkDate(e.target.value)}
+            className="h-7 border border-gray-300 rounded px-1 text-xs" />
+          <Button size="sm" onClick={applyBulk}>적용</Button>
+        </div>
+
+        <div className="ml-auto flex gap-2">
+          <Button size="sm" onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+          <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+        </div>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 160px)" }}>
+          <table className="text-xs border-collapse" style={{ minWidth: "max-content" }}>
+            <thead className="sticky top-0 bg-gray-50 z-10">
+              <tr>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-100 w-[40px]">
+                  <input type="checkbox" checked={checked.size === rows.length && rows.length > 0} onChange={toggleAll} />
+                </th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[50px]">순</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[130px]">품번</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[170px]">품명</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[60px]">수량</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[80px]">재질</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[130px]">사양(규격)</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[100px]">MAKER</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[70px]">Revision</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[80px]">EO No</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[85px]">EO Date</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[75px]">PART구분</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[120px]">입고예정일</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[120px]">입고일</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[85px]">입고결과</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[70px]">인수수량</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[65px]">인수이력</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[130px]">조립담당자</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[120px]">조립완료일</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[60px]">자사</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[60px]">외주</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr><td colSpan={21} className="text-center py-10 text-gray-400">조회된 정보가 없습니다.</td></tr>
+              ) : rows.map((r, idx) => {
+                const deliveryText = r.PART_TYPE_TITLE === "구매품표준"
+                  ? `${Number(r.DELIVERY_QTY || 0)} / ${Number(r.ORDER_QTY || 0)}`
+                  : Number(r.DELIVERY_QTY || 0) > 0 ? String(r.DELIVERY_QTY) : "";
+                const receiveQty = Number(r.RECEIVE_QTY || 0);
+                return (
+                <tr key={r.BOM_PART_QTY_OBJID} className="border-b border-gray-100 hover:bg-blue-50/30">
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <input type="checkbox" checked={checked.has(r.BOM_PART_QTY_OBJID)} onChange={() => toggleCheck(r.BOM_PART_QTY_OBJID)} />
+                  </td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{idx + 1}</td>
+                  <td className="border border-gray-200 px-2 py-1" title={r.PART_NO}>{r.PART_NO}</td>
+                  <td className="border border-gray-200 px-2 py-1" title={r.PART_NAME}>{r.PART_NAME}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-right">{r.QTY}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.MATERIAL}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{r.SPEC}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{r.MAKER}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.REVISION}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.EO_NO}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.EO_DATE}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.PART_TYPE_TITLE}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center text-[11px]" title={r.ARRIVAL_PLAN_DATES}>{r.ARRIVAL_PLAN_DATES}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center text-[11px]" title={r.RECEIPT_DATES}>{r.RECEIPT_DATES}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-right">{deliveryText}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-right">{receiveQty > 0 ? receiveQty : ""}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">
+                    <FolderCell
+                      count={receiveQty}
+                      onClick={receiveQty > 0 ? () => {
+                        const w = 900, h = 600;
+                        const left = (window.screen.width - w) / 2;
+                        const top = (window.screen.height - h) / 2;
+                        const q = new URLSearchParams({
+                          partObjid: r.PART_OBJID,
+                          contractObjid: String(header.CONTRACT_OBJID || ""),
+                          unitCode: String(header.UNIT_CODE || ""),
+                        }).toString();
+                        window.open(`/production/receive-history-popup?${q}`, "receiveHistory",
+                          `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+                      } : undefined}
+                    />
+                  </td>
+                  <td className="border border-gray-200 px-0 py-0">
+                    <SearchableSelect
+                      options={users}
+                      value={r.ASSEMBLY_USER_ID || ""}
+                      onChange={(v) => update(idx, "ASSEMBLY_USER_ID", v)}
+                      placeholder="선택"
+                      className="w-full"
+                    />
+                  </td>
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <input type="date" value={r.ASSEMBLY_DATE || ""}
+                      onChange={(e) => update(idx, "ASSEMBLY_DATE", e.target.value)}
+                      className="w-full border border-transparent focus:border-gray-300 text-xs px-1 py-0.5 rounded" />
+                  </td>
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <input type="checkbox" checked={(r.INSOURCING || "") === "YES"}
+                      onChange={(e) => update(idx, "INSOURCING", e.target.checked ? "YES" : "")} />
+                  </td>
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <input type="checkbox" checked={(r.OUTSOURCING || "") === "YES"}
+                      onChange={(e) => update(idx, "OUTSOURCING", e.target.checked ? "YES" : "")} />
+                  </td>
+                </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <AssemblyPopupView />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/inspection-popup/page.tsx b/src/app/production/inspection-popup/page.tsx
new file mode 100644
index 0000000..697480b
--- /dev/null
+++ b/src/app/production/inspection-popup/page.tsx
@@ -0,0 +1,291 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { FolderCell } from "@/components/ui/folder-cell";
+import { createObjectId } from "@/lib/utils";
+
+// project/wbsTaskInspectionFormPopUp.jsp 대응 — 검사 체크리스트 편집 팝업
+interface InspectionRow {
+  OBJID: string;
+  UNIT_CODE?: string;
+  INTERNAL_INSPECTION_DATE?: string;
+  INTERNAL_INSPECTION_RESULT?: string;
+  INTERNAL_INSPECTION_ID?: string;
+  CL01_CNT?: number | string;
+  _isNew?: boolean;
+}
+
+function InspectionPopupView() {
+  const params = useSearchParams();
+  const contractObjid = params.get("objId") || params.get("OBJID") || "";
+
+  const [rows, setRows] = useState<InspectionRow[]>([]);
+  const [header, setHeader] = useState<Record<string, unknown>>({});
+  const [units, setUnits] = useState<{ value: string; label: string }[]>([]);
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+  const [checked, setChecked] = useState<Set<string>>(new Set());
+  const [deleteIds, setDeleteIds] = useState<string[]>([]);
+  const [saving, setSaving] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    if (!contractObjid) return;
+    const res = await fetch("/api/production/inspection-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contractObjid }),
+    });
+    const j = await res.json();
+    setRows((j.RESULTLIST || []) as InspectionRow[]);
+    setHeader((j.HEADER || {}) as Record<string, unknown>);
+    setChecked(new Set());
+    setDeleteIds([]);
+  }, [contractObjid]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  // 파일 팝업에서 업로드/삭제 시 호출되는 콜백 — 해당 row의 CL01_CNT만 갱신
+  useEffect(() => {
+    const w = window as unknown as { fn_onFileChange?: (id: string) => void };
+    w.fn_onFileChange = async (targetObjId: string) => {
+      try {
+        const res = await fetch("/api/production/inspection-file-counts", {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({ objIds: [targetObjId] }),
+        });
+        const j = await res.json();
+        const cnt = (j.counts || {})[targetObjId] ?? 0;
+        setRows((prev) => prev.map((r) => (r.OBJID === targetObjId ? { ...r, CL01_CNT: cnt } : r)));
+      } catch { /* ignore */ }
+    };
+    return () => { delete w.fn_onFileChange; };
+  }, []);
+
+  useEffect(() => {
+    if (!contractObjid) return;
+    fetch("/api/common/unit-list", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: contractObjid }),
+    })
+      .then((r) => r.json())
+      .then((d) => setUnits((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID), label: String(r.UNIT_NAME || r.TASK_NAME || r.OBJID),
+      }))));
+  }, [contractObjid]);
+
+  useEffect(() => {
+    fetch("/api/common/user-list", {
+      method: "POST", headers: { "Content-Type": "application/json" }, body: "{}",
+    })
+      .then((r) => r.json())
+      .then((d) => setUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || r.USER_ID),
+      }))));
+  }, []);
+
+  const update = (idx: number, field: keyof InspectionRow, value: string) => {
+    setRows((prev) => prev.map((r, i) => (i === idx ? { ...r, [field]: value } : r)));
+  };
+  const toggleCheck = (key: string) => {
+    setChecked((prev) => {
+      const next = new Set(prev);
+      if (next.has(key)) next.delete(key); else next.add(key);
+      return next;
+    });
+  };
+  const toggleAll = () => {
+    if (checked.size === rows.length) setChecked(new Set());
+    else setChecked(new Set(rows.map((r) => r.OBJID)));
+  };
+
+  const handleAdd = () => {
+    const newRow: InspectionRow = {
+      OBJID: createObjectId(),
+      UNIT_CODE: "",
+      INTERNAL_INSPECTION_DATE: "",
+      INTERNAL_INSPECTION_RESULT: "",
+      INTERNAL_INSPECTION_ID: "",
+      CL01_CNT: 0,
+      _isNew: true,
+    };
+    setRows((prev) => [...prev, newRow]);
+  };
+
+  const handleDelete = () => {
+    if (checked.size === 0) {
+      Swal.fire({ icon: "warning", title: "선택된 행이 없습니다." });
+      return;
+    }
+    const toDelete = [...checked];
+    // 신규 행은 그냥 제거, 기존 행은 deleteIds에 누적
+    setRows((prev) => prev.filter((r) => {
+      if (!checked.has(r.OBJID)) return true;
+      if (!r._isNew) {
+        setDeleteIds((prevIds) => [...prevIds, r.OBJID]);
+      }
+      return false;
+    }));
+    setChecked(new Set());
+    void toDelete;
+  };
+
+  const handleSave = async () => {
+    // 유닛 미선택 체크
+    for (const r of rows) {
+      if (!r.UNIT_CODE) {
+        Swal.fire({ icon: "warning", title: "입력된 유닛명이 없습니다." });
+        return;
+      }
+    }
+    // 중복 체크
+    const seen = new Set<string>();
+    for (const r of rows) {
+      const u = String(r.UNIT_CODE || "");
+      if (seen.has(u)) {
+        Swal.fire({ icon: "warning", title: "유닛명이 중복됩니다." });
+        return;
+      }
+      seen.add(u);
+    }
+
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?", icon: "question",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/production/inspection-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ parentObjid: contractObjid, rows, deleteIds }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+        const opener = window.opener as Window & { fn_search?: () => void } | null;
+        if (opener) {
+          try {
+            if (typeof opener.fn_search === "function") opener.fn_search();
+            else opener.location.reload();
+          } catch { /* cross-origin */ }
+        }
+        fetchData();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const openFiles = (objId: string) => {
+    const w = 800, h = 500;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    window.open(
+      `/common/files?targetObjId=${encodeURIComponent(objId)}&docType=INSPECTION_CHECKLIST_FILE&docTypeName=${encodeURIComponent("검사 체크리스트")}`,
+      "filePopup", `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`
+    );
+  };
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-2 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">검사 체크리스트</h2>
+        <div className="text-xs text-gray-500">
+          [{String(header.PROJECT_NO ?? "")}] {String(header.PROJECT_NAME ?? "")} · {String(header.CUSTOMER_NAME ?? "")}
+        </div>
+      </div>
+
+      <div className="flex items-center gap-2 mb-2 text-xs">
+        <span>검사건수: <b>{rows.length}</b></span>
+        <div className="ml-auto flex gap-2">
+          <Button size="sm" onClick={handleAdd}>추가</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+          <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+        </div>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 140px)" }}>
+          <table className="w-full text-xs border-collapse">
+            <thead className="sticky top-0 bg-gray-50 z-10">
+              <tr>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-100 w-[40px]">
+                  <input type="checkbox" checked={checked.size === rows.length && rows.length > 0} onChange={toggleAll} />
+                </th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100" style={{ minWidth: 260 }}>유닛명</th>
+                <th className="border border-gray-200 px-2 py-1 bg-gray-100 w-[100px]">체크리스트</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[110px]">검사결과</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[130px]">검사일</th>
+                <th className="border border-gray-200 px-2 py-1 bg-red-50 w-[170px]">담당자</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr><td colSpan={6} className="text-center py-10 text-gray-400">등록된 검사가 없습니다.</td></tr>
+              ) : rows.map((r, idx) => (
+                <tr key={r.OBJID} className="border-b border-gray-100 hover:bg-blue-50/30">
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <input type="checkbox" checked={checked.has(r.OBJID)} onChange={() => toggleCheck(r.OBJID)} />
+                  </td>
+                  <td className="border border-gray-200 px-0 py-0">
+                    <SearchableSelect
+                      options={units}
+                      value={r.UNIT_CODE || ""}
+                      onChange={(v) => update(idx, "UNIT_CODE", v)}
+                      placeholder="선택"
+                    />
+                  </td>
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <FolderCell count={r.CL01_CNT} onClick={() => openFiles(r.OBJID)} />
+                  </td>
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <select
+                      value={r.INTERNAL_INSPECTION_RESULT || ""}
+                      onChange={(e) => update(idx, "INTERNAL_INSPECTION_RESULT", e.target.value)}
+                      className="h-7 w-full border border-gray-300 rounded px-1 text-xs"
+                    >
+                      <option value="">선택</option>
+                      <option value="OK">OK</option>
+                      <option value="NG">NG</option>
+                    </select>
+                  </td>
+                  <td className="border border-gray-200 px-1 py-1 text-center">
+                    <input type="date"
+                      value={r.INTERNAL_INSPECTION_DATE || ""}
+                      onChange={(e) => update(idx, "INTERNAL_INSPECTION_DATE", e.target.value)}
+                      className="w-full border border-transparent focus:border-gray-300 text-xs px-1 py-1 rounded" />
+                  </td>
+                  <td className="border border-gray-200 px-0 py-0">
+                    <SearchableSelect
+                      options={users}
+                      value={r.INTERNAL_INSPECTION_ID || ""}
+                      onChange={(v) => update(idx, "INTERNAL_INSPECTION_ID", v)}
+                      placeholder="선택"
+                    />
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <InspectionPopupView />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/inspection/form/page.tsx b/src/app/production/inspection/form/page.tsx
new file mode 100644
index 0000000..3af3056
--- /dev/null
+++ b/src/app/production/inspection/form/page.tsx
@@ -0,0 +1,115 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function InspectionForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/production/inspection/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.inspection_date) {
+      Swal.fire("알림", "검사일자를 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/production/inspection/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "검사 등록" : "검사 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="검사일자" required>
+          <Input type="date" value={form.inspection_date || ""} onChange={(e) => set("inspection_date", e.target.value)} />
+        </FormField>
+        <FormField label="검사자">
+          <Input value={form.inspector || ""} onChange={(e) => set("inspector", e.target.value)} />
+        </FormField>
+        <FormField label="부품명">
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} />
+        </FormField>
+        <FormField label="검사수량">
+          <Input type="number" value={form.inspection_qty || ""} onChange={(e) => set("inspection_qty", e.target.value)} />
+        </FormField>
+        <FormField label="합격수량">
+          <Input type="number" value={form.pass_qty || ""} onChange={(e) => set("pass_qty", e.target.value)} />
+        </FormField>
+        <FormField label="불합격수량">
+          <Input type="number" value={form.fail_qty || ""} onChange={(e) => set("fail_qty", e.target.value)} />
+        </FormField>
+        <FormField label="검사결과">
+          <Input value={form.inspection_result || ""} onChange={(e) => set("inspection_result", e.target.value)} />
+        </FormField>
+        <FormField label="비고">
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <InspectionForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/issue-popup/page.tsx b/src/app/production/issue-popup/page.tsx
new file mode 100644
index 0000000..ecc05f7
--- /dev/null
+++ b/src/app/production/issue-popup/page.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { Button } from "@/components/ui/button";
+
+// 생산관리_이슈관리 팝업 (productionplanning/issuemgmtList.do 대응)
+// - 현황 페이지에서 status + project_no로 호출
+function IssuePopup() {
+  const params = useSearchParams();
+  const status = params.get("status") || "all";
+  const projectNo = params.get("project_no") || "";
+  const [rows, setRows] = useState<Record<string, unknown>[]>([]);
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/production/issue", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ status, project_no: projectNo }),
+    });
+    if (res.ok) {
+      const j = await res.json();
+      setRows(j.RESULTLIST || []);
+    }
+  }, [status, projectNo]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const title = {
+    all: "전체",
+    complete: "조치완료",
+    late: "미조치",
+    write: "등록",
+    release: "배포",
+  }[status] || status;
+
+  const columns: GridColumn[] = [
+    { title: "이슈번호", field: "ISSUE_NO", width: 100, hozAlign: "center" },
+    { title: "프로젝트번호", field: "PROJECT_NO", width: 110, hozAlign: "center" },
+    { title: "유닛명", field: "UNIT_CODE_NAME", width: 120, hozAlign: "left" },
+    { title: "품번", field: "PART_NO", width: 120, hozAlign: "left" },
+    { title: "품명", field: "PART_NAME", width: 140, hozAlign: "left" },
+    { title: "이슈구분", field: "ISSUE_CATEGORY_NAME", width: 90, hozAlign: "center" },
+    { title: "이슈유형", field: "ISSUE_TYPE_NAME", width: 90, hozAlign: "center" },
+    { title: "이슈내용", field: "CONTENT", width: 200, hozAlign: "left" },
+    { title: "등록일", field: "REG_DATE_TEXT", width: 100, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 80, hozAlign: "center" },
+    { title: "설계담당자", field: "DESIGN_USERID_NAME", width: 90, hozAlign: "center" },
+    { title: "구매담당자", field: "PURCHASE_USERID_NAME", width: 90, hozAlign: "center" },
+    { title: "품질담당자", field: "QUALITY_USERID_NAME", width: 90, hozAlign: "center" },
+    { title: "생산담당자", field: "PRODUCTION_USERID_NAME", width: 90, hozAlign: "center" },
+    { title: "조치결과", field: "DESIGN_RESULT_NAME", width: 100, hozAlign: "center" },
+    { title: "조치일", field: "DESIGN_DATE", width: 100, hozAlign: "center" },
+    { title: "상태", field: "STATUS_NAME", width: 70, hozAlign: "center" },
+  ];
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-3 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">생산관리_이슈관리 ({title})</h2>
+        <div className="text-xs text-gray-500">총 {rows.length}건 {projectNo && `· 프로젝트 OBJID: ${projectNo}`}</div>
+      </div>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <DataGrid columns={columns} data={rows} height="calc(100vh - 140px)" />
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <IssuePopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/issue/form/page.tsx b/src/app/production/issue/form/page.tsx
new file mode 100644
index 0000000..c92da04
--- /dev/null
+++ b/src/app/production/issue/form/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { useState, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function IssueForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const handleSave = async () => {
+    if (!form.title) { Swal.fire("알림", "이슈명을 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/production/issue/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">이슈 등록</h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="프로젝트번호">
+          <Input value={form.project_no || ""} onChange={(e) => set("project_no", e.target.value)} />
+        </FormField>
+        <FormField label="이슈명" required>
+          <Input value={form.title || ""} onChange={(e) => set("title", e.target.value)} />
+        </FormField>
+        <FormField label="내용" span={2}>
+          <textarea
+            value={form.description || ""}
+            onChange={(e) => set("description", e.target.value)}
+            rows={4}
+            className="w-full rounded border border-gray-300 px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/50"
+          />
+        </FormField>
+        <FormField label="우선순위">
+          <Input value={form.priority || ""} onChange={(e) => set("priority", e.target.value)} />
+        </FormField>
+        <FormField label="상태">
+          <Input value={form.status || ""} onChange={(e) => set("status", e.target.value)} />
+        </FormField>
+        <FormField label="등록자">
+          <Input value={form.writer || ""} onChange={(e) => set("writer", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <IssueForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/receive-history-popup/page.tsx b/src/app/production/receive-history-popup/page.tsx
new file mode 100644
index 0000000..e6f3808
--- /dev/null
+++ b/src/app/production/receive-history-popup/page.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { numberWithCommas } from "@/lib/utils";
+
+interface HistoryRow {
+  OBJID: string;
+  OUT_DATE?: string;
+  OUT_QTY?: string;
+  UNIT?: string;
+  UNIT_NAME?: string;
+  ACQ_USER?: string;
+  ACQ_USER_NAME?: string;
+  WRITER?: string;
+  WRITER_NAME?: string;
+  REG_DATE?: string;
+}
+
+function ReceiveHistoryView() {
+  const params = useSearchParams();
+  const partObjid = params.get("partObjid") || "";
+  const contractObjid = params.get("contractObjid") || "";
+  const unitCode = params.get("unitCode") || "";
+
+  const [rows, setRows] = useState<HistoryRow[]>([]);
+  const [header, setHeader] = useState<Record<string, unknown>>({});
+
+  const fetchData = useCallback(async () => {
+    if (!partObjid || !contractObjid) return;
+    const res = await fetch("/api/production/receive-history", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ partObjid, contractObjid, unitCode }),
+    });
+    const j = await res.json();
+    setRows((j.RESULTLIST || []) as HistoryRow[]);
+    setHeader((j.HEADER || {}) as Record<string, unknown>);
+  }, [partObjid, contractObjid, unitCode]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const total = rows.reduce((sum, r) => sum + (Number(r.OUT_QTY) || 0), 0);
+
+  return (
+    <div className="p-3 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-2 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">인수이력</h2>
+        <div className="text-xs text-gray-500">
+          [{String(header.PART_NO ?? "")}] {String(header.PART_NAME ?? "")}
+          {header.SPEC ? ` · ${String(header.SPEC)}` : ""}
+        </div>
+      </div>
+
+      <div className="flex items-center gap-3 mb-2 text-xs">
+        <span>총 인수건수: <b>{rows.length}</b></span>
+        <span>총 인수수량: <b>{numberWithCommas(total)}</b></span>
+        <div className="ml-auto">
+          <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+        </div>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 140px)" }}>
+          <table className="w-full text-xs border-collapse">
+            <thead className="sticky top-0 bg-gray-50 z-10">
+              <tr>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100 w-[50px]">순</th>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100 w-[110px]">인수일</th>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100 w-[90px]">인수수량</th>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100" style={{ minWidth: 180 }}>유닛</th>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100 w-[110px]">인수자</th>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100 w-[110px]">작성자</th>
+                <th className="border border-gray-200 px-2 py-1.5 bg-gray-100 w-[140px]">등록일시</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr><td colSpan={7} className="text-center py-10 text-gray-400">인수이력이 없습니다.</td></tr>
+              ) : rows.map((r, idx) => (
+                <tr key={r.OBJID} className="border-b border-gray-100 hover:bg-blue-50/30">
+                  <td className="border border-gray-200 px-2 py-1 text-center">{idx + 1}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.OUT_DATE}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-right">{numberWithCommas(Number(r.OUT_QTY) || 0)}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-left">{r.UNIT_NAME}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.ACQ_USER_NAME}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.WRITER_NAME}</td>
+                  <td className="border border-gray-200 px-2 py-1 text-center">{r.REG_DATE}</td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ReceiveHistoryView />
+    </Suspense>
+  );
+}
diff --git a/src/app/production/release/form/page.tsx b/src/app/production/release/form/page.tsx
new file mode 100644
index 0000000..840794c
--- /dev/null
+++ b/src/app/production/release/form/page.tsx
@@ -0,0 +1,239 @@
+"use client";
+
+import { useCallback, useEffect, useState, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { FileUpload } from "@/components/ui/file-upload";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+
+// productionplanning/releaseMgmtFormSimplePopUp.jsp 대응
+// 필드: 출하지시서(첨부파일), 출고일, 담당자
+interface FileRow {
+  OBJID: string;
+  REAL_FILE_NAME: string;
+  REGDATE: string;
+}
+
+function ReleaseForm() {
+  const params = useSearchParams();
+  const parentObjId = params.get("parentObjId") || "";
+  const product = params.get("product") || "";
+  const urlReleaseObjId = params.get("objId") || "";
+
+  const [releaseObjId, setReleaseObjId] = useState(urlReleaseObjId);
+  const [releaseDate, setReleaseDate] = useState("");
+  const [writer, setWriter] = useState("");
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+  const [files, setFiles] = useState<FileRow[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const isNew = !releaseObjId;
+
+  // 기존 레코드 로드
+  const loadDetail = useCallback(async () => {
+    if (!urlReleaseObjId) return;
+    const res = await fetch("/api/production/release/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId: urlReleaseObjId }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      const d = j.data as Record<string, unknown>;
+      setReleaseDate(String(d.RELEASE_DATE || d.release_date || ""));
+      setWriter(String(d.WRITER || d.writer || ""));
+    }
+  }, [urlReleaseObjId]);
+
+  // 첨부파일 목록
+  const loadFiles = useCallback(async () => {
+    if (!releaseObjId) return;
+    const res = await fetch("/api/common/files", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId: releaseObjId, docType: "RELEASE_ORDER" }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      const all = (j.files || []) as FileRow[];
+      setFiles(all.filter((f) => (f as unknown as Record<string, string>).DOC_TYPE === "RELEASE_ORDER"));
+    }
+  }, [releaseObjId]);
+
+  // 담당자 목록 (사용자)
+  useEffect(() => {
+    fetch("/api/common/user-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || r.USER_ID),
+      }))));
+  }, []);
+
+  useEffect(() => { loadDetail(); }, [loadDetail]);
+  useEffect(() => { loadFiles(); }, [loadFiles]);
+
+  const handleSave = async () => {
+    if (!releaseDate) {
+      Swal.fire({ icon: "warning", title: "출고일을 입력하세요." });
+      return;
+    }
+    if (!writer) {
+      Swal.fire({ icon: "warning", title: "담당자를 선택하세요." });
+      return;
+    }
+
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/production/release/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          actionType: isNew ? "regist" : "update",
+          release_objid: releaseObjId,
+          parent_objid: parentObjId,
+          product,
+          release_date: releaseDate,
+          writer,
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        // 신규 저장 시 반환된 objId를 사용해 첨부 업로드 활성화
+        if (j.objId && !releaseObjId) setReleaseObjId(String(j.objId));
+        await Swal.fire({ icon: "success", title: j.message || "저장되었습니다.", timer: 1000, showConfirmButton: false });
+        const opener = window.opener as Window & { fn_search?: () => void } | null;
+        if (opener) {
+          try {
+            if (typeof opener.fn_search === "function") opener.fn_search();
+            else opener.location.reload();
+          } catch { /* cross-origin */ }
+        }
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleFileDelete = async (fileObjId: string) => {
+    const r = await Swal.fire({
+      title: "첨부파일을 삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "삭제",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/common/files/delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId: fileObjId }),
+    });
+    const j = await res.json();
+    if (j.success) loadFiles();
+    else Swal.fire("오류", j.message || "삭제 실패", "error");
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">생산관리_출고관리 등록</h2>
+
+      <table className="w-full text-sm border-collapse">
+        <tbody>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 w-[140px] font-medium text-gray-700 align-top">
+              출하지시서
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              {!releaseObjId ? (
+                <div className="text-xs text-gray-500 py-2">출고일·담당자 먼저 저장 후 첨부 가능합니다.</div>
+              ) : (
+                <div>
+                  <FileUpload
+                    targetObjId={releaseObjId}
+                    docType="RELEASE_ORDER"
+                    docTypeName="출하지시서"
+                    onUploadComplete={loadFiles}
+                  />
+                  <table className="w-full text-xs mt-2 border-collapse">
+                    <thead>
+                      <tr className="bg-gray-50 border-b border-gray-200">
+                        <th className="px-2 py-1 w-[50px] text-center">No</th>
+                        <th className="px-2 py-1 text-left">첨부파일명</th>
+                        <th className="px-2 py-1 w-[120px] text-center">등록일</th>
+                        <th className="px-2 py-1 w-[50px] text-center">삭제</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {files.length === 0 ? (
+                        <tr><td colSpan={4} className="py-2 text-center text-gray-400">첨부파일이 없습니다.</td></tr>
+                      ) : files.map((f, idx) => (
+                        <tr key={f.OBJID} className="border-b border-gray-100">
+                          <td className="px-2 py-1 text-center">{idx + 1}</td>
+                          <td className="px-2 py-1">
+                            <a href={`/api/common/files/download?objId=${f.OBJID}&fileName=${encodeURIComponent(f.REAL_FILE_NAME)}`}
+                               className="text-primary hover:underline" target="_blank" rel="noopener noreferrer">
+                              {f.REAL_FILE_NAME}
+                            </a>
+                          </td>
+                          <td className="px-2 py-1 text-center">{f.REGDATE}</td>
+                          <td className="px-2 py-1 text-center">
+                            <button type="button" onClick={() => handleFileDelete(f.OBJID)}
+                              className="text-red-500 hover:underline text-xs">삭제</button>
+                          </td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </div>
+              )}
+            </td>
+          </tr>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 font-medium text-gray-700">
+              출고일<span className="text-red-500 ml-1">*</span>
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <Input type="date" value={releaseDate} onChange={(e) => setReleaseDate(e.target.value)} className="w-[180px]" />
+            </td>
+          </tr>
+          <tr>
+            <td className="border border-gray-200 bg-gray-50 px-3 py-2 font-medium text-gray-700">
+              담당자<span className="text-red-500 ml-1">*</span>
+            </td>
+            <td className="border border-gray-200 px-2 py-2">
+              <div className="w-[260px]">
+                <SearchableSelect options={users} value={writer} onChange={setWriter} placeholder="선택" />
+              </div>
+            </td>
+          </tr>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-4 pt-3 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ReleaseForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/invest-cost/page.tsx b/src/app/project/invest-cost/page.tsx
new file mode 100644
index 0000000..57cda0d
--- /dev/null
+++ b/src/app/project/invest-cost/page.tsx
@@ -0,0 +1,263 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { numberWithCommas } from "@/lib/utils";
+
+interface CostRow {
+  OBJID?: string;
+  SEQ?: string;
+  TITLE?: string;
+  DRAFTER?: string;
+  DRAFTER_NAME?: string;
+  DUEDATE?: string;
+  AMOUNT?: string;
+  STATUS?: string;
+  INVEST_FILE_CNT?: number;
+  _isNew?: boolean;
+}
+
+const STATUS_OPTIONS = [
+  { value: "01", label: "대기" },
+  { value: "03", label: "완료" },
+  { value: "02", label: "취소" },
+];
+
+// 투자비 관리 팝업 (project/investCostMngPopup.do 대응)
+function InvestCostPopup() {
+  const params = useSearchParams();
+  const targetObjId = params.get("projectObjId") || params.get("targetObjId") || "";
+
+  const [rows, setRows] = useState<CostRow[]>([]);
+  const [selected, setSelected] = useState<Set<string>>(new Set());
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+
+  const fetchData = useCallback(async () => {
+    if (!targetObjId) return;
+    const res = await fetch("/api/project/invest-cost", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "list", targetObjId }),
+    });
+    const j = await res.json();
+    setRows(((j.RESULTLIST || []) as CostRow[]).map((r) => ({ ...r })));
+    setSelected(new Set());
+  }, [targetObjId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const update = (idx: number, field: keyof CostRow, value: string) => {
+    setRows((prev) => prev.map((r, i) => (i === idx ? { ...r, [field]: value } : r)));
+  };
+
+  const addRow = () => {
+    setRows((prev) => [...prev, {
+      _isNew: true, SEQ: String(prev.length + 1), TITLE: "", DRAFTER: "", DUEDATE: "", AMOUNT: "", STATUS: "01",
+    }]);
+  };
+
+  const toggle = (key: string) => {
+    const next = new Set(selected);
+    if (next.has(key)) next.delete(key);
+    else next.add(key);
+    setSelected(next);
+  };
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    // 새 행은 objid 없음, 서버에서 생성
+    const payload = rows.map((row) => ({
+      objid: row._isNew ? "" : row.OBJID,
+      seq: row.SEQ || "",
+      title: row.TITLE || "",
+      drafter: row.DRAFTER || "",
+      duedate: row.DUEDATE || "",
+      amount: row.AMOUNT || "",
+      status: row.STATUS || "01",
+    }));
+    const res = await fetch("/api/project/invest-cost", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "save", targetObjId, rows: payload }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  const handleDelete = async () => {
+    const ids = Array.from(selected).filter((id) => id && !id.startsWith("new_"));
+    if (ids.length === 0) {
+      Swal.fire("알림", "선택된 항목이 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "선택한 내역을 삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/project/invest-cost", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "delete", objIds: ids }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">투자비 관리</h2>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={addRow}>+ 한줄추가</Button>
+        <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+        <Button size="sm" onClick={handleSave}>저장</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 140px)" }}>
+          <table className="w-full text-sm border-collapse">
+            <thead className="sticky top-0 bg-gray-50">
+              <tr>
+                <th className="border border-gray-200 px-2 py-1 w-12">선택</th>
+                <th className="border border-gray-200 px-2 py-1 w-12">순번</th>
+                <th className="border border-gray-200 px-2 py-1" style={{ width: "30%" }}>제목</th>
+                <th className="border border-gray-200 px-2 py-1 w-[160px]">기안자</th>
+                <th className="border border-gray-200 px-2 py-1 w-[130px]">기안일</th>
+                <th className="border border-gray-200 px-2 py-1 w-[130px]">품의금액</th>
+                <th className="border border-gray-200 px-2 py-1 w-[90px]">집행유무</th>
+                <th className="border border-gray-200 px-2 py-1 w-[60px]">파일</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr><td colSpan={8} className="text-center py-10 text-gray-400">조회된 데이터가 없습니다.</td></tr>
+              ) : rows.map((row, idx) => {
+                const key = row.OBJID || `new_${idx}`;
+                return (
+                  <tr key={key} className="border-b border-gray-100">
+                    <td className="border border-gray-200 text-center">
+                      <input type="checkbox" checked={selected.has(key)} onChange={() => toggle(key)} />
+                    </td>
+                    <td className="border border-gray-200 text-center">{row.SEQ || idx + 1}</td>
+                    <td className="border border-gray-200 px-1">
+                      <input value={row.TITLE || ""} onChange={(e) => update(idx, "TITLE", e.target.value)} maxLength={24}
+                        className="w-full border-0 px-1 py-1 text-sm focus:outline-none focus:ring-1 focus:ring-primary/50" />
+                    </td>
+                    <td className="border border-gray-200 px-0">
+                      <select value={row.DRAFTER || ""} onChange={(e) => update(idx, "DRAFTER", e.target.value)}
+                        className="w-full border-0 px-1 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary/50">
+                        <option value="">선택</option>
+                        {users.map((u) => <option key={u.value} value={u.value}>{u.label}</option>)}
+                      </select>
+                    </td>
+                    <DueDateCell value={row.DUEDATE || ""} onChange={(v) => update(idx, "DUEDATE", v)} />
+                    <td className="border border-gray-200 px-0">
+                      <input value={numberWithCommas(Number(String(row.AMOUNT || 0).replace(/,/g, "")) || 0)}
+                        onChange={(e) => update(idx, "AMOUNT", e.target.value.replace(/[^0-9]/g, ""))}
+                        className="w-full border-0 px-1 py-1 text-sm text-right focus:outline-none focus:ring-1 focus:ring-primary/50" />
+                    </td>
+                    <td className="border border-gray-200 px-0">
+                      <select value={row.STATUS || "01"} onChange={(e) => update(idx, "STATUS", e.target.value)}
+                        className="w-full border-0 px-1 py-1 text-sm bg-white focus:outline-none focus:ring-1 focus:ring-primary/50">
+                        {STATUS_OPTIONS.map((o) => <option key={o.value} value={o.value}>{o.label}</option>)}
+                      </select>
+                    </td>
+                    <td className="border border-gray-200 text-center">
+                      {row.OBJID && (
+                        <button type="button"
+                          onClick={() => {
+                            const w = 800, h = 300;
+                            const left = (window.screen.width - w) / 2;
+                            const top = (window.screen.height - h) / 2;
+                            window.open(
+                              `/common/files?targetObjId=${encodeURIComponent(row.OBJID || "")}&docType=INVEST_FILE&docTypeName=투자비 첨부파일`,
+                              "investFile",
+                              `width=${w},height=${h},left=${left},top=${top}`,
+                            );
+                          }}
+                          className="text-primary hover:underline text-xs">
+                          📎 {row.INVEST_FILE_CNT ?? 0}
+                        </button>
+                      )}
+                    </td>
+                  </tr>
+                );
+              })}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function DueDateCell({ value, onChange }: { value: string; onChange: (v: string) => void }) {
+  const ref = useRef<HTMLInputElement>(null);
+  const openPicker = () => {
+    const el = ref.current;
+    if (!el) return;
+    el.focus();
+    if (typeof el.showPicker === "function") {
+      try { el.showPicker(); } catch { el.click(); }
+    } else {
+      el.click();
+    }
+  };
+  return (
+    <td className="border border-gray-200 p-0 relative hover:bg-blue-50/30 cursor-pointer" onClick={openPicker}>
+      <div className="relative w-full h-8 flex items-center justify-center text-sm">
+        <input
+          ref={ref}
+          type="date"
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          className="sr-only"
+          tabIndex={-1}
+          aria-label="기안일 선택"
+        />
+        <span className="select-none text-gray-600">{value || ""}</span>
+      </div>
+    </td>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <InvestCostPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/modify/page.tsx b/src/app/project/modify/page.tsx
new file mode 100644
index 0000000..63e6470
--- /dev/null
+++ b/src/app/project/modify/page.tsx
@@ -0,0 +1,154 @@
+"use client";
+
+import { Suspense, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { numberWithCommas } from "@/lib/utils";
+
+// 프로젝트 수정 팝업 (project/projectmodifyPopUp.do 대응)
+function ProjectModifyForm() {
+  const params = useSearchParams();
+  const objId = params.get("objId") || "";
+  const actionType = params.get("actionType") || "edit";
+
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+  const setNum = (k: string, v: string) => set(k, v.replace(/[^0-9]/g, ""));
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/project/modify", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "detail", objId }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const d = (j.data || {}) as Record<string, unknown>;
+        setForm({
+          PROJECT_NO: String(d.PROJECT_NO ?? ""),
+          PROJECT_NAME: String(d.PROJECT_NAME ?? ""),
+          FACILITY: String(d.FACILITY ?? ""),
+          FACILITY_QTY: String(d.FACILITY_QTY ?? ""),
+          FACILITY_DEPTH: String(d.FACILITY_DEPTH ?? ""),
+          CONTRACT_DEL_DATE: String(d.CONTRACT_DEL_DATE ?? ""),
+          CONTRACT_CURRENCY: String(d.CONTRACT_CURRENCY ?? ""),
+          CONTRACT_PRICE: String(d.CONTRACT_PRICE ?? ""),
+          CONTRACT_PRICE_CURRENCY: String(d.CONTRACT_PRICE_CURRENCY ?? ""),
+        });
+      });
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.PROJECT_NAME) { Swal.fire("알림", "당사 프로젝트 명을 입력하세요.", "warning"); return; }
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/project/modify", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          action: "save",
+          objId,
+          project_name: form.PROJECT_NAME,
+          facility: form.FACILITY,
+          facility_qty: form.FACILITY_QTY,
+          facility_depth: form.FACILITY_DEPTH,
+          contract_del_date: form.CONTRACT_DEL_DATE,
+          contract_currency: form.CONTRACT_CURRENCY,
+          contract_price: form.CONTRACT_PRICE,
+          contract_price_currency: form.CONTRACT_PRICE_CURRENCY,
+        }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) {
+          try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">프로젝트 수정</h2>
+      <h3 className="text-sm font-semibold text-gray-700 mb-2">프로젝트 정보</h3>
+
+      <table className="w-full text-sm border-collapse">
+        <tbody>
+          <Row label="프로젝트 번호">
+            <Input value={form.PROJECT_NO || ""} disabled className="w-full" />
+          </Row>
+          <Row label="당사 프로젝트 명">
+            <Input value={form.PROJECT_NAME || ""} onChange={(e) => set("PROJECT_NAME", e.target.value)} className="w-full" />
+          </Row>
+          <Row label="설비방향">
+            <SearchableCodeSelect codeId="0000163" value={form.FACILITY || ""} onChange={(v) => set("FACILITY", v)} className="w-full" />
+          </Row>
+          <Row label="설비대수">
+            <Input value={numberWithCommas(Number(form.FACILITY_QTY || 0) || 0)} disabled className="w-full" />
+          </Row>
+          <Row label="설비길이">
+            <Input value={form.FACILITY_DEPTH || ""} onChange={(e) => setNum("FACILITY_DEPTH", e.target.value)} className="w-full" />
+          </Row>
+          <Row label="예상납기일">
+            <Input type="date" value={form.CONTRACT_DEL_DATE || ""} onChange={(e) => set("CONTRACT_DEL_DATE", e.target.value)} className="w-full" />
+          </Row>
+          <Row label="통화">
+            <SearchableCodeSelect codeId="0000164" value={form.CONTRACT_CURRENCY || ""} onChange={(v) => set("CONTRACT_CURRENCY", v)} className="w-full" />
+          </Row>
+          <Row label="수주가">
+            <Input value={numberWithCommas(Number(form.CONTRACT_PRICE_CURRENCY || 0) || 0)}
+              onChange={(e) => setNum("CONTRACT_PRICE_CURRENCY", e.target.value)} className="w-full" />
+          </Row>
+          <Row label="원화 환산금액">
+            <Input value={numberWithCommas(Number(form.CONTRACT_PRICE || 0) || 0)}
+              onChange={(e) => setNum("CONTRACT_PRICE", e.target.value)} className="w-full" />
+          </Row>
+        </tbody>
+      </table>
+
+      <div className="flex justify-center gap-2 mt-6 pt-4 border-t">
+        {actionType === "edit" && (
+          <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "수정"}</Button>
+        )}
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function Row({ label, children }: { label: string; children: React.ReactNode }) {
+  return (
+    <tr className="border-b border-gray-100">
+      <td className="p-2 bg-gray-50 text-gray-600 font-medium w-[35%]">{label}</td>
+      <td className="p-2">{children}</td>
+    </tr>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ProjectModifyForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-gantt/page.tsx b/src/app/project/wbs-gantt/page.tsx
new file mode 100644
index 0000000..4401170
--- /dev/null
+++ b/src/app/project/wbs-gantt/page.tsx
@@ -0,0 +1,179 @@
+"use client";
+
+import { Suspense, useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+
+interface ProjectData {
+  OBJID?: string;
+  PROJECT_NO?: string;
+  PROJECT_NAME?: string;
+  CUSTOMER_NAME?: string;
+  REQ_DEL_DATE?: string;
+  DESIGN_ACT_START?: string;
+  DESIGN_ACT_END?: string;
+  PURCHASE_ACT_START?: string;
+  PURCHASE_ACT_END?: string;
+  PRODUCE_ACT_START?: string;
+  PRODUCE_ACT_END?: string;
+  SETUP_ACT_START?: string;
+  SETUP_ACT_END?: string;
+  DESIGN_RATETOTAL?: string;
+  PURCHASE_RATETOTAL?: string;
+  PRODUCE_RATETOTAL?: string;
+  SETUP_RATETOTAL?: string;
+}
+
+// 단일 프로젝트 G-Chart 팝업 (project/wbsTaskProductGantt.do 대응)
+function WbsGanttPopup() {
+  const params = useSearchParams();
+  const objId = params.get("OBJID") || params.get("objId") || "";
+
+  const [data, setData] = useState<ProjectData | null>(null);
+  const currentYear = new Date().getFullYear();
+  const ganttStart = new Date(currentYear - 1, 0, 1);
+  const ganttEnd = new Date(currentYear + 1, 11, 31);
+  const ganttTotalDays = (ganttEnd.getTime() - ganttStart.getTime()) / 86400000 + 1;
+
+  const months = useMemo(() => {
+    const list: { y: number; m: number }[] = [];
+    for (let y = currentYear - 1; y <= currentYear + 1; y++) {
+      for (let m = 0; m < 12; m++) list.push({ y, m });
+    }
+    return list;
+  }, [currentYear]);
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/project/total", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ project_no: objId }),
+    })
+      .then((r) => r.json())
+      .then((j) => {
+        const list = (j.RESULTLIST || []) as ProjectData[];
+        if (list.length > 0) setData(list[0]);
+      });
+  }, [objId]);
+
+  const toPct = (start?: unknown, end?: unknown) => {
+    const s = String(start ?? "").slice(0, 10);
+    const e = String(end ?? "").slice(0, 10);
+    if (!s && !e) return null;
+    const sD = s ? new Date(s) : (e ? new Date(e) : null);
+    const eD = e ? new Date(e) : (s ? new Date(s) : null);
+    if (!sD || !eD || isNaN(sD.getTime()) || isNaN(eD.getTime())) return null;
+    if (eD < ganttStart || sD > ganttEnd) return null;
+    const sC = sD < ganttStart ? ganttStart : sD;
+    const eC = eD > ganttEnd ? ganttEnd : eD;
+    const left = ((sC.getTime() - ganttStart.getTime()) / 86400000) / ganttTotalDays * 100;
+    const width = Math.max(0.3, ((eC.getTime() - sC.getTime()) / 86400000 + 1) / ganttTotalDays * 100);
+    return { left, width };
+  };
+
+  const todayPct = (() => {
+    const t = new Date();
+    if (t < ganttStart || t > ganttEnd) return null;
+    return ((t.getTime() - ganttStart.getTime()) / 86400000) / ganttTotalDays * 100;
+  })();
+
+  const stages = data ? [
+    { label: "설계", color: "#3b82f6", start: data.DESIGN_ACT_START, end: data.DESIGN_ACT_END, rate: data.DESIGN_RATETOTAL },
+    { label: "구매", color: "#22c55e", start: data.PURCHASE_ACT_START, end: data.PURCHASE_ACT_END, rate: data.PURCHASE_RATETOTAL },
+    { label: "조립", color: "#1f2937", start: data.PRODUCE_ACT_START, end: data.PRODUCE_ACT_END, rate: data.PRODUCE_RATETOTAL },
+    { label: "출고", color: "#a855f7", start: data.REQ_DEL_DATE, end: data.REQ_DEL_DATE, rate: null },
+    { label: "셋업", color: "#ef4444", start: data.SETUP_ACT_START, end: data.SETUP_ACT_END, rate: data.SETUP_RATETOTAL },
+  ] : [];
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-3 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">프로젝트 G-Chart</h2>
+        <div className="text-xs text-gray-500">
+          [{String(data?.PROJECT_NO ?? "")}] {String(data?.PROJECT_NAME ?? "")} · {String(data?.CUSTOMER_NAME ?? "")} · 납기: {String(data?.REQ_DEL_DATE ?? "")}
+        </div>
+      </div>
+
+      <div className="flex items-center gap-3 mb-3 text-xs">
+        <span className="font-semibold text-gray-600">범례:</span>
+        {stages.map((s) => (
+          <span key={s.label} className="flex items-center gap-1">
+            <span className="inline-block w-3 h-3 rounded-sm" style={{ backgroundColor: s.color }} />
+            {s.label}
+          </span>
+        ))}
+        <span className="ml-auto"><Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button></span>
+      </div>
+
+      {data ? (
+        <div className="border border-gray-200 rounded overflow-hidden">
+          <div className="overflow-auto">
+            <table className="text-xs border-collapse w-full">
+              <thead className="bg-gray-50 sticky top-0">
+                <tr>
+                  <th rowSpan={2} className="border border-gray-200 px-2 py-1 w-[80px]">구분</th>
+                  <th rowSpan={2} className="border border-gray-200 px-2 py-1 w-[100px]">시작</th>
+                  <th rowSpan={2} className="border border-gray-200 px-2 py-1 w-[100px]">종료</th>
+                  <th rowSpan={2} className="border border-gray-200 px-2 py-1 w-[70px]">진척율</th>
+                  <th colSpan={12} className="border border-gray-200 py-1 text-center" style={{ backgroundColor: "#fef3c7" }}>{currentYear - 1}년</th>
+                  <th colSpan={12} className="border border-gray-200 py-1 text-center" style={{ backgroundColor: "#dbeafe" }}>{currentYear}년</th>
+                  <th colSpan={12} className="border border-gray-200 py-1 text-center" style={{ backgroundColor: "#dcfce7" }}>{currentYear + 1}년</th>
+                </tr>
+                <tr>
+                  {months.map((mm, i) => (
+                    <th key={i} className="border border-gray-200 px-1 py-1 bg-gray-50 text-[10px]" style={{ width: 28 }}>
+                      {mm.m + 1}
+                    </th>
+                  ))}
+                </tr>
+              </thead>
+              <tbody>
+                {stages.map((s) => {
+                  const bar = toPct(s.start, s.end);
+                  const isShip = s.label === "출고";
+                  return (
+                    <tr key={s.label} className="border-b border-gray-100">
+                      <td className="border border-gray-200 px-2 py-2 text-center font-medium" style={{ color: s.color }}>
+                        ■ {s.label}
+                      </td>
+                      <td className="border border-gray-200 px-2 py-1 text-center">{String(s.start ?? "")}</td>
+                      <td className="border border-gray-200 px-2 py-1 text-center">{String(s.end ?? "")}</td>
+                      <td className="border border-gray-200 px-2 py-1 text-center">{s.rate != null ? `${s.rate}%` : "-"}</td>
+                      <td colSpan={36} className="border border-gray-200 relative p-0" style={{ height: 36 }}>
+                        {todayPct != null && (
+                          <div className="absolute top-0 bottom-0 border-l-2 border-dotted" style={{ left: `${todayPct}%`, borderColor: "#f59e0b" }} title="오늘" />
+                        )}
+                        {bar && (
+                          isShip ? (
+                            <div className="absolute rotate-45 top-1/2 -translate-y-1/2"
+                              title={`출고: ${s.start}`}
+                              style={{ left: `calc(${bar.left}% - 6px)`, width: 12, height: 12, backgroundColor: s.color }} />
+                          ) : (
+                            <div className="absolute rounded top-1/2 -translate-y-1/2"
+                              title={`${s.label}: ${s.start} ~ ${s.end}`}
+                              style={{ left: `${bar.left}%`, width: `${bar.width}%`, height: 10, backgroundColor: s.color }} />
+                          )
+                        )}
+                      </td>
+                    </tr>
+                  );
+                })}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      ) : (
+        <div className="text-center text-gray-400 py-12">로딩 중...</div>
+      )}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsGanttPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-setup/page.tsx b/src/app/project/wbs-setup/page.tsx
new file mode 100644
index 0000000..4ebcea6
--- /dev/null
+++ b/src/app/project/wbs-setup/page.tsx
@@ -0,0 +1,163 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+
+interface SetupRow {
+  OBJID: string;
+  TASK_NAME?: string;
+  SETUP_PLAN_START?: string;
+  SETUP_PLAN_END?: string;
+  SETUP_ACT_START?: string;
+  SETUP_ACT_END?: string;
+  SETUP_RATE?: string;
+}
+
+// 셋업 WBS 팝업 (project/wbsTaskProductSetupFormPopUp.do 대응)
+function WbsSetupView() {
+  const params = useSearchParams();
+  const objId = params.get("OBJID") || params.get("objId") || "";
+
+  const [rows, setRows] = useState<SetupRow[]>([]);
+  const [header, setHeader] = useState<Record<string, unknown>>({});
+  const [saving, setSaving] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/project/wbs-setup", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "list", contractObjId: objId }),
+    });
+    const j = await res.json();
+    setRows((j.RESULTLIST || []) as SetupRow[]);
+    setHeader((j.HEADER || {}) as Record<string, unknown>);
+  }, [objId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const update = (idx: number, field: keyof SetupRow, value: string) => {
+    setRows((prev) => prev.map((r, i) => (i === idx ? { ...r, [field]: value } : r)));
+  };
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    setSaving(true);
+    try {
+      const res = await fetch("/api/project/wbs-setup", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: "save", rows }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) { try { (window.opener as Window & { location: Location }).location.reload(); } catch {} }
+        fetchData();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-3 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">셋업 WBS 일정</h2>
+        <div className="text-xs text-gray-500">
+          [{String(header.PROJECT_NO ?? "")}] {String(header.PROJECT_NAME ?? "")} · {String(header.CUSTOMER_NAME ?? "")}
+        </div>
+      </div>
+
+      <div className="flex justify-end gap-2 mb-2">
+        <Button size="sm" onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 140px)" }}>
+          <table className="w-full text-xs border-collapse">
+            <thead className="sticky top-0 bg-gray-50 z-10">
+              <tr>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-100 w-[50px]">순</th>
+                <th className="border border-gray-200 px-1 py-1 bg-gray-100" style={{ minWidth: 250 }}>Task명</th>
+                <th className="border border-gray-200 px-1 py-1 bg-red-50 w-[130px]">계획시작</th>
+                <th className="border border-gray-200 px-1 py-1 bg-red-50 w-[130px]">계획종료</th>
+                <th className="border border-gray-200 px-1 py-1 bg-red-50 w-[130px]">실행시작</th>
+                <th className="border border-gray-200 px-1 py-1 bg-red-50 w-[130px]">실행종료</th>
+                <th className="border border-gray-200 px-1 py-1 bg-red-50 w-[80px]">진척율</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr><td colSpan={7} className="text-center py-10 text-gray-400">조회된 데이터가 없습니다.</td></tr>
+              ) : rows.map((row, idx) => (
+                <tr key={row.OBJID} className="border-b border-gray-100 hover:bg-red-50/30">
+                  <td className="border border-gray-200 px-1 py-1 text-center">{idx + 1}</td>
+                  <td className="border border-gray-200 px-1 py-1">
+                    <input value={row.TASK_NAME || ""} onChange={(e) => update(idx, "TASK_NAME", e.target.value)}
+                      className="w-full border-0 text-xs px-1 py-0.5 focus:outline-none focus:ring-1 focus:ring-primary/50" />
+                  </td>
+                  <DateCell value={row.SETUP_PLAN_START || ""} onChange={(v) => update(idx, "SETUP_PLAN_START", v)} />
+                  <DateCell value={row.SETUP_PLAN_END || ""} onChange={(v) => update(idx, "SETUP_PLAN_END", v)} />
+                  <DateCell value={row.SETUP_ACT_START || ""} onChange={(v) => update(idx, "SETUP_ACT_START", v)} />
+                  <DateCell value={row.SETUP_ACT_END || ""} onChange={(v) => update(idx, "SETUP_ACT_END", v)} />
+                  <td className="border border-gray-200 px-0"><input value={row.SETUP_RATE || ""} onChange={(e) => update(idx, "SETUP_RATE", e.target.value.replace(/[^0-9.]/g, ""))} className="w-full border-0 text-xs px-1 py-1 text-right focus:outline-none focus:ring-1 focus:ring-primary/50" /></td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function DateCell({ value, onChange }: { value: string; onChange: (v: string) => void }) {
+  const ref = useRef<HTMLInputElement>(null);
+  const openPicker = () => {
+    const el = ref.current;
+    if (!el) return;
+    el.focus();
+    if (typeof el.showPicker === "function") {
+      try { el.showPicker(); } catch { el.click(); }
+    } else {
+      el.click();
+    }
+  };
+  return (
+    <td className="border border-gray-200 p-0 relative hover:bg-red-50/30 cursor-pointer" onClick={openPicker}>
+      <div className="relative w-full h-7 flex items-center justify-center text-xs">
+        <input
+          ref={ref}
+          type="date"
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          className="sr-only"
+          tabIndex={-1}
+          aria-label="날짜 선택"
+        />
+        <span className="select-none">{value}</span>
+      </div>
+    </td>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsSetupView />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-task/page.tsx b/src/app/project/wbs-task/page.tsx
new file mode 100644
index 0000000..870cda4
--- /dev/null
+++ b/src/app/project/wbs-task/page.tsx
@@ -0,0 +1,284 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+
+interface TaskRow {
+  IS_MASTER?: string;
+  OBJID: string;
+  TASK_NAME?: string;
+  UNIT_NO?: string;
+  DESIGN_USER_ID?: string;
+  DESIGN_USER_NAME?: string;
+  DESIGN_PLAN_START?: string;
+  DESIGN_PLAN_END?: string;
+  DESIGN_ACT_START?: string;
+  DESIGN_ACT_END?: string;
+  DESIGN_RATE?: string;
+  PURCHASE_USER_ID?: string;
+  PURCHASE_USER_NAME?: string;
+  PURCHASE_PLAN_START?: string;
+  PURCHASE_PLAN_END?: string;
+  PURCHASE_ACT_START?: string;
+  PURCHASE_ACT_END?: string;
+  PURCHASE_RATE?: string;
+  PRODUCE_USER_ID?: string;
+  PRODUCE_USER_NAME?: string;
+  PRODUCE_PLAN_START?: string;
+  PRODUCE_PLAN_END?: string;
+  PRODUCE_ACT_START?: string;
+  PRODUCE_ACT_END?: string;
+  PRODUCE_RATE?: string;
+}
+
+// 프로젝트 WBS Task 팝업 (project/wbsTaskProductFormPopUp.do 대응)
+function WbsTaskView() {
+  const params = useSearchParams();
+  const objId = params.get("OBJID") || params.get("objId") || "";
+  // const categoryCd = params.get("CATEGORY_CD") || "";
+
+  const [rows, setRows] = useState<TaskRow[]>([]);
+  const [header, setHeader] = useState<Record<string, unknown>>({});
+  const [users, setUsers] = useState<{ value: string; label: string }[]>([]);
+  const [saving, setSaving] = useState(false);
+
+  const fetchData = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/project/wbs-task", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "list", contractObjId: objId }),
+    });
+    const j = await res.json();
+    setRows((j.RESULTLIST || []) as TaskRow[]);
+    setHeader((j.HEADER || {}) as Record<string, unknown>);
+  }, [objId]);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  useEffect(() => {
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID), label: String(r.USER_NAME || ""),
+      }))))
+      .catch(() => {});
+  }, []);
+
+  const update = (idx: number, field: keyof TaskRow, value: string) => {
+    setRows((prev) => prev.map((r, i) => (i === idx ? { ...r, [field]: value } : r)));
+  };
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    setSaving(true);
+    try {
+      const res = await fetch("/api/project/wbs-task", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ action: "save", rows: rows.filter((r) => r.IS_MASTER !== "1") }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) {
+          try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+        }
+        fetchData();
+      } else {
+        Swal.fire("오류", j.message || "저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="p-4 bg-white min-h-screen">
+      <div className="flex items-center justify-between mb-3 border-b pb-2">
+        <h2 className="text-base font-bold text-gray-800">프로젝트 WBS 일정</h2>
+        <div className="text-xs text-gray-500">
+          [{String(header.PROJECT_NO ?? "")}] {String(header.PROJECT_NAME ?? "")} · {String(header.CUSTOMER_NAME ?? "")} · 납기: {String(header.CONTRACT_DEL_DATE ?? "")}
+        </div>
+      </div>
+
+      <div className="flex justify-end gap-2 mb-2">
+        <Button size="sm" onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 140px)" }}>
+          <table className="text-xs border-collapse" style={{ minWidth: "2200px" }}>
+            <thead className="sticky top-0 bg-gray-50 z-10">
+              <tr>
+                <th rowSpan={2} className="border border-gray-200 px-1 py-1 bg-gray-100 w-[50px]">순</th>
+                <th rowSpan={2} className="border border-gray-200 px-1 py-1 bg-gray-100 w-[80px]">UNIT No</th>
+                <th rowSpan={2} className="border border-gray-200 px-1 py-1 bg-gray-100 w-[200px]">UNIT Name</th>
+                <th colSpan={6} className="border border-gray-200 px-1 py-1 bg-blue-50 text-center">설계</th>
+                <th colSpan={6} className="border border-gray-200 px-1 py-1 bg-green-50 text-center">구매</th>
+                <th colSpan={6} className="border border-gray-200 px-1 py-1 bg-gray-100 text-center">조립(제작)</th>
+              </tr>
+              <tr>
+                {["담당자", "계획시작", "계획종료", "실행시작", "실행종료", "진척율"].map((t, i) => (
+                  <th key={`d-${i}`} className="border border-gray-200 px-1 py-1 bg-blue-50 w-[100px]">{t}</th>
+                ))}
+                {["담당자", "계획시작", "계획종료", "실행시작", "실행종료", "진척율"].map((t, i) => (
+                  <th key={`p-${i}`} className="border border-gray-200 px-1 py-1 bg-green-50 w-[100px]">{t}</th>
+                ))}
+                {["담당자", "계획시작", "계획종료", "실행시작", "실행종료", "진척율"].map((t, i) => (
+                  <th key={`m-${i}`} className="border border-gray-200 px-1 py-1 bg-gray-100 w-[100px]">{t}</th>
+                ))}
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr><td colSpan={21} className="text-center py-10 text-gray-400">조회된 데이터가 없습니다.</td></tr>
+              ) : (() => {
+                let seq = 0;
+                return rows.map((row, idx) => {
+                  if (row.IS_MASTER === "1") {
+                    return (
+                      <tr key="master" className="bg-yellow-50 font-semibold border-b-2 border-yellow-300">
+                        <td className="border border-gray-200 px-1 py-1 text-center"></td>
+                        <td className="border border-gray-200 px-1 py-1 text-center"></td>
+                        <td className="border border-gray-200 px-1 py-1 text-center text-gray-700">Master</td>
+                        <td className="border border-gray-200 px-1 py-1 text-center"></td>
+                        <MasterTd v={row.DESIGN_PLAN_START} />
+                        <MasterTd v={row.DESIGN_PLAN_END} />
+                        <MasterTd v={row.DESIGN_ACT_START} />
+                        <MasterTd v={row.DESIGN_ACT_END} />
+                        <MasterTd v={row.DESIGN_RATE} align="right" />
+                        <td className="border border-gray-200 px-1 py-1 text-center"></td>
+                        <MasterTd v={row.PURCHASE_PLAN_START} />
+                        <MasterTd v={row.PURCHASE_PLAN_END} />
+                        <MasterTd v={row.PURCHASE_ACT_START} />
+                        <MasterTd v={row.PURCHASE_ACT_END} />
+                        <MasterTd v={row.PURCHASE_RATE} align="right" />
+                        <td className="border border-gray-200 px-1 py-1 text-center"></td>
+                        <MasterTd v={row.PRODUCE_PLAN_START} />
+                        <MasterTd v={row.PRODUCE_PLAN_END} />
+                        <MasterTd v={row.PRODUCE_ACT_START} />
+                        <MasterTd v={row.PRODUCE_ACT_END} />
+                        <MasterTd v={row.PRODUCE_RATE} align="right" />
+                      </tr>
+                    );
+                  }
+                  seq += 1;
+                  return (
+                    <tr key={row.OBJID} className="border-b border-gray-100 hover:bg-blue-50/30">
+                      <td className="border border-gray-200 px-1 py-1 text-center">{seq}</td>
+                      <td className="border border-gray-200 px-1 py-1 text-center">{row.UNIT_NO}</td>
+                      <td className="border border-gray-200 px-1 py-1">
+                        <input value={row.TASK_NAME || ""} onChange={(e) => update(idx, "TASK_NAME", e.target.value)}
+                          className="w-full border-0 text-xs px-1 py-0.5 focus:outline-none focus:ring-1 focus:ring-primary/50" />
+                      </td>
+                      <UserSelect value={row.DESIGN_USER_ID || ""} users={users} onChange={(v) => update(idx, "DESIGN_USER_ID", v)} />
+                      <DateCell value={row.DESIGN_PLAN_START || ""} onChange={(v) => update(idx, "DESIGN_PLAN_START", v)} />
+                      <DateCell value={row.DESIGN_PLAN_END || ""} onChange={(v) => update(idx, "DESIGN_PLAN_END", v)} />
+                      <DateCell value={row.DESIGN_ACT_START || ""} onChange={(v) => update(idx, "DESIGN_ACT_START", v)} />
+                      <DateCell value={row.DESIGN_ACT_END || ""} onChange={(v) => update(idx, "DESIGN_ACT_END", v)} />
+                      <NumCell value={row.DESIGN_RATE || ""} onChange={(v) => update(idx, "DESIGN_RATE", v)} />
+                      <UserSelect value={row.PURCHASE_USER_ID || ""} users={users} onChange={(v) => update(idx, "PURCHASE_USER_ID", v)} />
+                      <DateCell value={row.PURCHASE_PLAN_START || ""} onChange={(v) => update(idx, "PURCHASE_PLAN_START", v)} />
+                      <DateCell value={row.PURCHASE_PLAN_END || ""} onChange={(v) => update(idx, "PURCHASE_PLAN_END", v)} />
+                      <DateCell value={row.PURCHASE_ACT_START || ""} onChange={(v) => update(idx, "PURCHASE_ACT_START", v)} />
+                      <DateCell value={row.PURCHASE_ACT_END || ""} onChange={(v) => update(idx, "PURCHASE_ACT_END", v)} />
+                      <NumCell value={row.PURCHASE_RATE || ""} onChange={(v) => update(idx, "PURCHASE_RATE", v)} />
+                      <UserSelect value={row.PRODUCE_USER_ID || ""} users={users} onChange={(v) => update(idx, "PRODUCE_USER_ID", v)} />
+                      <DateCell value={row.PRODUCE_PLAN_START || ""} onChange={(v) => update(idx, "PRODUCE_PLAN_START", v)} />
+                      <DateCell value={row.PRODUCE_PLAN_END || ""} onChange={(v) => update(idx, "PRODUCE_PLAN_END", v)} />
+                      <DateCell value={row.PRODUCE_ACT_START || ""} onChange={(v) => update(idx, "PRODUCE_ACT_START", v)} />
+                      <DateCell value={row.PRODUCE_ACT_END || ""} onChange={(v) => update(idx, "PRODUCE_ACT_END", v)} />
+                      <NumCell value={row.PRODUCE_RATE || ""} onChange={(v) => update(idx, "PRODUCE_RATE", v)} />
+                    </tr>
+                  );
+                });
+              })()}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function MasterTd({ v, align }: { v?: string; align?: "right" | "center" }) {
+  return (
+    <td className={`border border-gray-200 px-1 py-1 ${align === "right" ? "text-right" : "text-center"}`}>
+      {v || ""}
+    </td>
+  );
+}
+
+function DateCell({ value, onChange }: { value: string; onChange: (v: string) => void }) {
+  const ref = useRef<HTMLInputElement>(null);
+  const openPicker = () => {
+    const el = ref.current;
+    if (!el) return;
+    el.focus();
+    // showPicker가 지원되지 않으면 click으로 fallback
+    if (typeof el.showPicker === "function") {
+      try { el.showPicker(); } catch { el.click(); }
+    } else {
+      el.click();
+    }
+  };
+  return (
+    <td className="border border-gray-200 p-0 relative hover:bg-blue-50/30 cursor-pointer" onClick={openPicker}>
+      <div className="relative w-full h-7 flex items-center justify-center text-xs">
+        <input
+          ref={ref}
+          type="date"
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          className="sr-only"
+          tabIndex={-1}
+          aria-label="날짜 선택"
+        />
+        <span className="select-none">{value}</span>
+      </div>
+    </td>
+  );
+}
+
+function NumCell({ value, onChange }: { value: string; onChange: (v: string) => void }) {
+  return (
+    <td className="border border-gray-200 px-0 py-0">
+      <input value={value} onChange={(e) => onChange(e.target.value.replace(/[^0-9.]/g, ""))}
+        className="w-full border-0 text-xs px-1 py-1 text-right focus:outline-none focus:ring-1 focus:ring-primary/50" />
+    </td>
+  );
+}
+
+function UserSelect({ value, users, onChange }: { value: string; users: { value: string; label: string }[]; onChange: (v: string) => void }) {
+  return (
+    <td className="border border-gray-200 px-0 py-0">
+      <SearchableSelect
+        options={users}
+        value={value}
+        onChange={onChange}
+        placeholder="선택"
+        className="w-full [&>input]:h-7 [&>input]:text-xs [&>input]:border-0 [&>input]:rounded-none"
+      />
+    </td>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsTaskView />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-template/excel-import/page.tsx b/src/app/project/wbs-template/excel-import/page.tsx
new file mode 100644
index 0000000..40994f2
--- /dev/null
+++ b/src/app/project/wbs-template/excel-import/page.tsx
@@ -0,0 +1,221 @@
+"use client";
+
+import { Suspense, useEffect, useRef, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import * as XLSX from "xlsx";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+interface TaskRow {
+  task_name: string;
+  unit_no: string;
+}
+
+// WBS Excel Import 팝업 (project/WBSExcelImportPopUp.do 대응)
+function WbsExcelImport() {
+  const params = useSearchParams();
+  const product = params.get("product") || "";
+
+  const [productName, setProductName] = useState("");
+  const [title, setTitle] = useState("");
+  const [customerProduct, setCustomerProduct] = useState("");
+  const [tasks, setTasks] = useState<TaskRow[]>([]);
+  const [fileName, setFileName] = useState("");
+  const [dragActive, setDragActive] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  // 제품구분 코드명 조회
+  useEffect(() => {
+    fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId: "0000001" }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.data || []) as Array<Record<string, unknown>>;
+        const match = list.find((o) => String(o.code_id || o.CODE_ID) === product);
+        if (match) setProductName(String(match.code_name || match.CODE_NAME || ""));
+      });
+  }, [product]);
+
+  const parseExcelFile = async (file: File) => {
+    try {
+      const buf = await file.arrayBuffer();
+      const wb = XLSX.read(buf, { type: "array" });
+      const sheetName = wb.SheetNames[0];
+      if (!sheetName) throw new Error("시트 없음");
+      const sheet = wb.Sheets[sheetName];
+      const rows = XLSX.utils.sheet_to_json<Record<string, unknown>>(sheet, { defval: "", raw: false });
+      const parsed: TaskRow[] = rows
+        .map((r) => {
+          const name = String(r["UNIT Name"] ?? r["task_name"] ?? r["TASK_NAME"] ?? r["UNIT_NAME"] ?? "").trim();
+          const unit = String(r["UNIT No"] ?? r["unit_no"] ?? r["UNIT_NO"] ?? "").trim();
+          return { task_name: name, unit_no: unit };
+        })
+        .filter((r) => r.task_name);
+      if (parsed.length === 0) {
+        Swal.fire("알림", "엑셀에서 추출한 행이 없습니다. (헤더: UNIT Name / UNIT No)", "warning");
+        return;
+      }
+      setFileName(file.name);
+      setTasks(parsed);
+    } catch (err) {
+      console.error("excel parse:", err);
+      Swal.fire("오류", "엑셀 파싱 실패", "error");
+    }
+  };
+
+  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const f = e.target.files?.[0];
+    if (f) parseExcelFile(f);
+  };
+
+  const handleDrop = (e: React.DragEvent) => {
+    e.preventDefault();
+    setDragActive(false);
+    const f = e.dataTransfer.files?.[0];
+    if (f) parseExcelFile(f);
+  };
+
+  const downloadTemplate = () => {
+    const wb = XLSX.utils.book_new();
+    const ws = XLSX.utils.aoa_to_sheet([
+      ["UNIT Name", "UNIT No"],
+      ["예: 메인 조립", "U-001"],
+    ]);
+    XLSX.utils.book_append_sheet(wb, ws, "WBS");
+    XLSX.writeFile(wb, "WBS_EXCEL_IMPORT_TEMPLATE.xlsx");
+  };
+
+  const updateTask = (idx: number, field: keyof TaskRow, value: string) => {
+    setTasks((prev) => prev.map((t, i) => (i === idx ? { ...t, [field]: value } : t)));
+  };
+
+  const removeTask = (idx: number) => {
+    setTasks((prev) => prev.filter((_, i) => i !== idx));
+  };
+
+  const handleSave = async () => {
+    if (!title.trim()) { Swal.fire("알림", "기계형식을 입력해 주세요", "warning"); return; }
+    if (!customerProduct.trim()) { Swal.fire("알림", "고객사_장비목적을 입력해 주세요", "warning"); return; }
+    if (tasks.length === 0) { Swal.fire("알림", "저장할 정보가 없습니다.", "warning"); return; }
+
+    const r = await Swal.fire({
+      title: "해당 WBS 정보를 저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/project/wbs-template/excel-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ product, title, customer_product: customerProduct, tasks }),
+      });
+      const json = await res.json();
+      if (json.success) {
+        await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) {
+          try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", json.message || "저장 실패", "error");
+      }
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">WBS Excel Upload</h2>
+
+      <div className="flex gap-3 items-center mb-3 text-sm">
+        <label className="text-gray-600 w-20">제품구분</label>
+        <Input value={productName} disabled className="w-[180px]" />
+        <label className="text-gray-600 w-20">기계형식</label>
+        <Input value={title} onChange={(e) => setTitle(e.target.value)} className="w-[200px]" />
+        <label className="text-gray-600 w-32">고객사_장비목적</label>
+        <Input value={customerProduct} onChange={(e) => setCustomerProduct(e.target.value)} className="flex-1" />
+      </div>
+
+      <div className="flex justify-end gap-2 mb-3">
+        <Button size="sm" variant="secondary" onClick={downloadTemplate}>Template Download</Button>
+        <Button size="sm" onClick={handleSave} disabled={saving}>{saving ? "저장 중..." : "저장"}</Button>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      <div
+        onDragOver={(e) => { e.preventDefault(); setDragActive(true); }}
+        onDragLeave={() => setDragActive(false)}
+        onDrop={handleDrop}
+        onClick={() => fileInputRef.current?.click()}
+        className={`flex items-center justify-center h-16 mb-3 border-2 border-dashed rounded cursor-pointer transition-colors ${
+          dragActive ? "border-primary bg-blue-50" : "border-gray-300 bg-gray-50"
+        }`}
+      >
+        <span className="text-sm text-gray-500">
+          {fileName ? `선택됨: ${fileName} (클릭하여 다시 선택)` : "Drag & Drop 엑셀 템플릿 또는 클릭하여 업로드"}
+        </span>
+        <input
+          ref={fileInputRef}
+          type="file"
+          accept=".xlsx,.xls"
+          onChange={handleFileChange}
+          className="hidden"
+        />
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 320px)" }}>
+          <table className="w-full text-sm border-collapse">
+            <thead className="sticky top-0 bg-gray-50">
+              <tr>
+                <th className="border-b border-gray-200 px-3 py-2 font-semibold text-gray-700" style={{ width: "70%" }}>UNIT Name</th>
+                <th className="border-b border-gray-200 px-3 py-2 font-semibold text-gray-700" style={{ width: "25%" }}>UNIT No</th>
+                <th className="border-b border-gray-200 px-3 py-2 w-16">&nbsp;</th>
+              </tr>
+            </thead>
+            <tbody>
+              {tasks.length === 0 ? (
+                <tr>
+                  <td colSpan={3} className="text-center py-12 text-gray-400">조회된 내용이 없습니다.</td>
+                </tr>
+              ) : (
+                tasks.map((t, idx) => (
+                  <tr key={idx} className="border-b border-gray-100">
+                    <td className="px-3 py-1.5">
+                      <Input value={t.task_name} onChange={(e) => updateTask(idx, "task_name", e.target.value)} className="w-full" />
+                    </td>
+                    <td className="px-3 py-1.5">
+                      <Input value={t.unit_no} onChange={(e) => updateTask(idx, "unit_no", e.target.value)} className="w-full" />
+                    </td>
+                    <td className="px-3 py-1.5 text-center">
+                      <Button size="sm" variant="ghost" onClick={() => removeTask(idx)}>삭제</Button>
+                    </td>
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsExcelImport />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-template/master-form/page.tsx b/src/app/project/wbs-template/master-form/page.tsx
new file mode 100644
index 0000000..7124573
--- /dev/null
+++ b/src/app/project/wbs-template/master-form/page.tsx
@@ -0,0 +1,94 @@
+"use client";
+
+import { Suspense, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+// 제품구분_UNIT 마스터 폼 팝업 (project/wbsTemplateMasterFormPopUp.do 대응)
+function WbsTemplateMasterForm() {
+  const params = useSearchParams();
+  const objId = params.get("objId") || "";
+
+  const [productName, setProductName] = useState("");
+  const [title, setTitle] = useState("");
+  const [customerProduct, setCustomerProduct] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/project/wbs-template/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((json) => {
+        const d = (json.data || {}) as Record<string, unknown>;
+        setProductName(String(d.PRODUCT_OBJID_NAME ?? ""));
+        setTitle(String(d.TITLE ?? ""));
+        setCustomerProduct(String(d.CUSTOMER_PRODUCT ?? ""));
+      });
+  }, [objId]);
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/project/wbs-template/master-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId, customer_product: customerProduct }),
+      });
+      const json = await res.json();
+      if (json.success) {
+        await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) {
+          try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", json.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">제품구분_UNIT관리</h2>
+
+      <div className="grid grid-cols-[100px_1fr_100px_1fr_120px_1fr] gap-3 items-center text-sm">
+        <label className="text-gray-600">제품구분</label>
+        <Input value={productName} disabled />
+        <label className="text-gray-600">기계형식</label>
+        <Input value={title} disabled />
+        <label className="text-gray-600">고객사_장비목적</label>
+        <Input value={customerProduct} onChange={(e) => setCustomerProduct(e.target.value)} />
+      </div>
+
+      <div className="flex justify-center gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsTemplateMasterForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-template/task-form/page.tsx b/src/app/project/wbs-template/task-form/page.tsx
new file mode 100644
index 0000000..2432dd4
--- /dev/null
+++ b/src/app/project/wbs-template/task-form/page.tsx
@@ -0,0 +1,104 @@
+"use client";
+
+import { Suspense, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+// 제품구분_UNIT 상세 팝업 (project/wbsTemplateTaskFormPopUp.do 대응)
+function WbsTemplateTaskForm() {
+  const params = useSearchParams();
+  const objId = params.get("objId") || "";
+  const parentObjId = params.get("parentObjId") || "";
+
+  const [taskName, setTaskName] = useState("");
+  const [unitNo, setUnitNo] = useState("");
+  const [taskSeq, setTaskSeq] = useState("");
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/project/wbs-template/task-detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((json) => {
+        const d = (json.data || {}) as Record<string, unknown>;
+        setTaskName(String(d.TASK_NAME ?? ""));
+        setUnitNo(String(d.UNIT_NO ?? ""));
+        setTaskSeq(String(d.TASK_SEQ ?? ""));
+      });
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!taskName.trim()) {
+      Swal.fire("알림", "UNIT Name을 입력하세요.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/project/wbs-template/task-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objid: objId,
+          parent_objid: parentObjId,
+          task_name: taskName,
+          unit_no: unitNo,
+          task_seq: taskSeq,
+        }),
+      });
+      const json = await res.json();
+      if (json.success) {
+        await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) {
+          const opener = window.opener as Window & { fn_search?: () => void };
+          try { opener.fn_search?.(); } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", json.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">제품구분_UNIT 상세</h2>
+
+      <div className="grid grid-cols-[100px_1fr] gap-3 items-center text-sm">
+        <label className="text-gray-600">UNIT Name</label>
+        <Input value={taskName} onChange={(e) => setTaskName(e.target.value)} />
+        <label className="text-gray-600">UNIT No</label>
+        <Input value={unitNo} onChange={(e) => setUnitNo(e.target.value)} />
+      </div>
+
+      <div className="flex justify-center gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsTemplateTaskForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/project/wbs-template/task-list/page.tsx b/src/app/project/wbs-template/task-list/page.tsx
new file mode 100644
index 0000000..bdf6f09
--- /dev/null
+++ b/src/app/project/wbs-template/task-list/page.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+
+interface TaskRow {
+  OBJID: string;
+  PARENT_OBJID?: string;
+  TASK_NAME?: string;
+  TASK_SEQ?: string;
+  UNIT_NO?: string;
+}
+
+// WBS Task 상세 목록 팝업 (project/wbsTemplateTaskListDetailPopUp.do 대응)
+function WbsTemplateTaskList() {
+  const searchParams = useSearchParams();
+  const parentObjId = searchParams.get("objId") || "";
+
+  const [rows, setRows] = useState<TaskRow[]>([]);
+  const [selected, setSelected] = useState<Set<string>>(new Set());
+
+  const fetchTasks = useCallback(async () => {
+    if (!parentObjId) return;
+    const res = await fetch("/api/project/wbs-template/tasks", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ parentObjId }),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setRows((json.RESULTLIST || []) as TaskRow[]);
+      setSelected(new Set());
+    }
+  }, [parentObjId]);
+
+  useEffect(() => {
+    fetchTasks();
+    // 자식 팝업이 opener.fn_search 호출하므로 전역에 등록
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchTasks;
+  }, [fetchTasks]);
+
+  const openTaskForm = (objId: string) => {
+    const w = 700;
+    const h = 300;
+    const left = (window.screen.width - w) / 2;
+    const top = (window.screen.height - h) / 2;
+    const url = `/project/wbs-template/task-form?objId=${encodeURIComponent(objId)}&parentObjId=${encodeURIComponent(parentObjId)}`;
+    window.open(url, "openWBSPopUp", `width=${w},height=${h},left=${left},top=${top},menubars=no,scrollbars=no,resizable=yes`);
+  };
+
+  const toggle = (objId: string) => {
+    const next = new Set(selected);
+    if (next.has(objId)) next.delete(objId);
+    else next.add(objId);
+    setSelected(next);
+  };
+
+  const toggleAll = () => {
+    if (selected.size === rows.length) setSelected(new Set());
+    else setSelected(new Set(rows.map((r) => r.OBJID)));
+  };
+
+  const handleDelete = async () => {
+    if (selected.size === 0) {
+      Swal.fire("알림", "선택된 대상이 없습니다.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const res = await fetch("/api/project/wbs-template/task-delete", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: Array.from(selected) }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchTasks();
+    } else {
+      Swal.fire("오류", json.message, "error");
+    }
+  };
+
+  const handleClose = () => {
+    if (window.opener) {
+      try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+    }
+    window.close();
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">제품구분_UNIT관리</h2>
+
+      <div className="flex gap-2 mb-3">
+        <Button size="sm" onClick={() => openTaskForm("")}>추가</Button>
+        <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+      </div>
+
+      <div className="border border-gray-200 rounded overflow-hidden">
+        <div className="overflow-auto" style={{ maxHeight: "calc(100vh - 200px)" }}>
+          <table className="w-full text-sm border-collapse">
+            <thead className="sticky top-0 bg-gray-50">
+              <tr>
+                <th className="w-10 border-b border-gray-200 px-2 py-2 text-center">
+                  <input
+                    type="checkbox"
+                    checked={selected.size === rows.length && rows.length > 0}
+                    onChange={toggleAll}
+                  />
+                </th>
+                <th className="border-b border-gray-200 px-3 py-2 font-semibold text-gray-700" style={{ width: "70%", textAlign: "center" }}>UNIT Name</th>
+                <th className="border-b border-gray-200 px-3 py-2 font-semibold text-gray-700" style={{ width: "25%", textAlign: "center" }}>UNIT No</th>
+              </tr>
+            </thead>
+            <tbody>
+              {rows.length === 0 ? (
+                <tr>
+                  <td colSpan={3} className="text-center py-12 text-gray-400">조회된 데이터가 없습니다.</td>
+                </tr>
+              ) : (
+                rows.map((row) => (
+                  <tr key={row.OBJID} className="border-b border-gray-100 hover:bg-blue-50/50">
+                    <td className="px-2 py-2 text-center">
+                      <input
+                        type="checkbox"
+                        checked={selected.has(row.OBJID)}
+                        onChange={() => toggle(row.OBJID)}
+                      />
+                    </td>
+                    <td className="px-3 py-2 text-left">
+                      <button
+                        type="button"
+                        className="text-primary hover:underline"
+                        onClick={() => openTaskForm(row.OBJID)}
+                      >
+                        {row.TASK_NAME}
+                      </button>
+                    </td>
+                    <td className="px-3 py-2 text-center">{row.UNIT_NO}</td>
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div className="flex justify-center gap-2 mt-4 pt-4 border-t">
+        <Button variant="secondary" onClick={handleClose}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WbsTemplateTaskList />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase-order/form/page.tsx b/src/app/purchase-order/form/page.tsx
new file mode 100644
index 0000000..72018cc
--- /dev/null
+++ b/src/app/purchase-order/form/page.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+// /purchase-order/form - 기존 purchase-order 페이지의 발주서 등록 폼
+// order/list/form과 동일 구조
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function POForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [suppliers, setSuppliers] = useState<{ value: string; label: string }[]>([]);
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json()).then((d) => {
+        setSuppliers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+          value: String(r.OBJID), label: String(r.PARTNER_NAME || ""),
+        })));
+      }).catch(() => {});
+  }, []);
+
+  const handleSave = async () => {
+    if (!form.title) { Swal.fire("알림", "발주서 제목을 입력하세요.", "warning"); return; }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/order/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else { Swal.fire("오류", data.message || "저장 실패", "error"); }
+    } catch { Swal.fire("오류", "서버 오류", "error"); }
+    finally { setLoading(false); }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "발주서 작성" : "발주서 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">발주서 제목 <span className="text-red-400">*</span></label>
+          <Input value={form.title || ""} onChange={(e) => set("title", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">공급업체</label>
+          <select value={form.partner_objid || ""} onChange={(e) => set("partner_objid", e.target.value)}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm">
+            <option value="">선택</option>
+            {suppliers.map((s) => <option key={s.value} value={s.value}>{s.label}</option>)}
+          </select></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">입고요청일 <span className="text-red-400">*</span></label>
+          <Input type="date" value={form.delivery_date || ""} onChange={(e) => set("delivery_date", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">구매담당자</label>
+          <Input value={form.sales_mng_user_id || ""} onChange={(e) => set("sales_mng_user_id", e.target.value)} /></div>
+        <div><label className="block text-xs font-medium text-gray-500 mb-1">납품장소</label>
+          <Input value={form.delivery_place || ""} onChange={(e) => set("delivery_place", e.target.value)} /></div>
+        <div className="col-span-2"><label className="block text-xs font-medium text-gray-500 mb-1">비고</label>
+          <textarea value={form.remark || ""} onChange={(e) => set("remark", e.target.value)}
+            className="w-full h-16 rounded border border-gray-300 px-3 py-2 text-sm" /></div>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}><POForm /></Suspense>;
+}
diff --git a/src/app/purchase/bom/form/page.tsx b/src/app/purchase/bom/form/page.tsx
new file mode 100644
index 0000000..35c4e10
--- /dev/null
+++ b/src/app/purchase/bom/form/page.tsx
@@ -0,0 +1,396 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense, useMemo } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { numberWithCommas } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+interface BomRow {
+  OBJID: string;
+  PARENT_OBJID: string;
+  PART_OBJID: string;
+  PARENT_PART_NO: string;
+  CHILD_OBJID: string;
+  LAST_PART_OBJID: string;
+  LEV: number;
+  SEQ: number;
+  PART_NO: string;
+  PART_NAME: string;
+  QTY: string;
+  SPEC: string;
+  POST_PROCESSING: string;
+  MAKER: string;
+  PART_TYPE_NAME: string;
+  SUPPLY_OBJID: string;
+  PRICE: string;
+  SUPPLY_OBJID1: string;
+  PRICE1: string;
+  SUPPLY_OBJID2: string;
+  PRICE2: string;
+  SUPPLY_OBJID3: string;
+  PRICE3: string;
+  SUPPLY_OBJID4: string;
+  PRICE4: string;
+  PRICE_SUM: string;
+}
+
+const LEV_COLOR: Record<number, string> = {
+  1: "#fde9d9",
+  2: "#daeef3",
+  3: "#e4dfec",
+  4: "#ebf1de",
+  5: "#f2f2f2",
+  6: "#f2dcdb",
+  7: "#eeece1",
+  8: "#dce6f1",
+  9: "#FFFFEB",
+  10: "#ffffff",
+};
+
+const toNum = (v: unknown) => {
+  const s = String(v ?? "").replace(/,/g, "");
+  const n = Number(s);
+  return Number.isFinite(n) ? n : 0;
+};
+
+// 원본: /salesMng/salesBomReportFormPopup.do — E-BOM 트리 + 구매BOM 상세(공급업체 1~4)
+function SalesBomReportForm() {
+  const searchParams = useSearchParams();
+  const parentObjId = searchParams.get("parentObjId") || "";
+  const actType = searchParams.get("actType") || "";
+  const viewOnly = actType === "view";
+
+  const [rows, setRows] = useState<BomRow[]>([]);
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+  const [readonly, setReadonly] = useState(viewOnly);
+
+  useEffect(() => {
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, []);
+
+  const fetchTree = useCallback(() => {
+    if (!parentObjId) return;
+    setLoading(true);
+    fetch("/api/purchase/bom/tree", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ parent_objId: parentObjId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setRows(
+          list.map((r, i) => ({
+            OBJID: String(r.OBJID || ""),
+            PARENT_OBJID: String(r.PARENT_OBJID || ""),
+            PART_OBJID: String(r.PART_OBJID || ""),
+            PARENT_PART_NO: String(r.PARENT_PART_NO || ""),
+            CHILD_OBJID: String(r.CHILD_OBJID || ""),
+            LAST_PART_OBJID: String(r.LAST_PART_OBJID || ""),
+            LEV: Number(r.LEV || 1),
+            SEQ: Number(r.SEQ || i),
+            PART_NO: String(r.PART_NO || ""),
+            PART_NAME: String(r.PART_NAME || ""),
+            QTY: String(r.QTY || "0"),
+            SPEC: String(r.SPEC || ""),
+            POST_PROCESSING: String(r.POST_PROCESSING || ""),
+            MAKER: String(r.MAKER || ""),
+            PART_TYPE_NAME: String(r.PART_TYPE_NAME || ""),
+            SUPPLY_OBJID: String(r.SUPPLY_OBJID || ""),
+            PRICE: String(r.PRICE || ""),
+            SUPPLY_OBJID1: String(r.SUPPLY_OBJID1 || ""),
+            PRICE1: String(r.PRICE1 || ""),
+            SUPPLY_OBJID2: String(r.SUPPLY_OBJID2 || ""),
+            PRICE2: String(r.PRICE2 || ""),
+            SUPPLY_OBJID3: String(r.SUPPLY_OBJID3 || ""),
+            PRICE3: String(r.PRICE3 || ""),
+            SUPPLY_OBJID4: String(r.SUPPLY_OBJID4 || ""),
+            PRICE4: String(r.PRICE4 || ""),
+            PRICE_SUM: String(r.PRICE_SUM || ""),
+          })),
+        );
+      })
+      .catch(() => {})
+      .finally(() => setLoading(false));
+  }, [parentObjId]);
+
+  useEffect(() => {
+    fetchTree();
+  }, [fetchTree]);
+
+  const maxLev = useMemo(() => rows.reduce((m, r) => Math.max(m, r.LEV), 1), [rows]);
+
+  const updateRow = (idx: number, patch: Partial<BomRow>) => {
+    setRows((prev) =>
+      prev.map((r, i) => {
+        if (i !== idx) return r;
+        const next = { ...r, ...patch };
+        if (
+          "QTY" in patch || "PRICE" in patch || "PRICE1" in patch ||
+          "PRICE2" in patch || "PRICE3" in patch || "PRICE4" in patch
+        ) {
+          const sum =
+            toNum(next.QTY) *
+            (toNum(next.PRICE) + toNum(next.PRICE1) + toNum(next.PRICE2) + toNum(next.PRICE3) + toNum(next.PRICE4));
+          next.PRICE_SUM = sum ? String(sum) : "";
+        }
+        return next;
+      }),
+    );
+  };
+
+  const handleSave = useCallback(async () => {
+    const changedRows = rows.filter(
+      (r) =>
+        r.SUPPLY_OBJID ||
+        r.SUPPLY_OBJID1 ||
+        r.SUPPLY_OBJID2 ||
+        r.SUPPLY_OBJID3 ||
+        r.SUPPLY_OBJID4 ||
+        r.PRICE ||
+        r.PRICE1 ||
+        r.PRICE2 ||
+        r.PRICE3 ||
+        r.PRICE4,
+    );
+    if (changedRows.length === 0) {
+      Swal.fire("알림", "저장할 내용이 없습니다.", "info");
+      return;
+    }
+    const confirm = await Swal.fire({
+      title: "저장",
+      text: `${changedRows.length}건 저장하시겠습니까?`,
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "저장",
+      cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+
+    setSaving(true);
+    try {
+      const res = await fetch("/api/purchase/bom/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ parent_objId: parentObjId, rows: changedRows }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "저장되었습니다.",
+          timer: 1200,
+          showConfirmButton: false,
+        });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        fetchTree();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setSaving(false);
+    }
+  }, [rows, parentObjId, fetchTree]);
+
+  return (
+    <div className="p-4 bg-white min-h-screen text-sm">
+      <div className="flex items-center justify-between mb-3 pb-2 border-b">
+        <h2 className="text-base font-bold text-gray-800">구매BOM 상세</h2>
+        <div className="flex items-center gap-2">
+          {!viewOnly && (
+            <label className="flex items-center gap-1 text-xs text-gray-600">
+              <input type="checkbox" checked={!readonly} onChange={(e) => setReadonly(!e.target.checked)} />
+              편집 모드
+            </label>
+          )}
+          {!readonly && (
+            <Button size="sm" onClick={handleSave} disabled={saving}>
+              {saving ? "저장 중..." : "저장"}
+            </Button>
+          )}
+          <Button size="sm" variant="secondary" onClick={() => window.close()}>닫기</Button>
+        </div>
+      </div>
+
+      <div className="border rounded overflow-auto" style={{ maxHeight: "calc(100vh - 130px)" }}>
+        <table className="text-xs border-collapse" style={{ minWidth: "2400px" }}>
+          <thead className="bg-gray-100 text-gray-700 sticky top-0 z-10">
+            <tr>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "80px" }}>LEVEL</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "150px" }}>품번</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "160px" }}>품명</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "55px" }}>수량</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "150px" }}>사양(규격)</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "110px" }}>후처리</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "100px" }}>MAKER</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "70px" }}>PART구분</th>
+              <th className="border px-1 py-1 bg-amber-50" colSpan={2}>공급업체</th>
+              <th className="border px-1 py-1 bg-sky-50" colSpan={2}>레이져</th>
+              <th className="border px-1 py-1 bg-purple-50" colSpan={2}>용접</th>
+              <th className="border px-1 py-1 bg-green-50" colSpan={2}>가공</th>
+              <th className="border px-1 py-1 bg-rose-50" colSpan={2}>후처리</th>
+              <th className="border px-1 py-1" rowSpan={2} style={{ width: "100px" }}>단가합</th>
+            </tr>
+            <tr>
+              <th className="border px-1 py-1 bg-amber-50" style={{ width: "130px" }}>업체</th>
+              <th className="border px-1 py-1 bg-amber-50" style={{ width: "80px" }}>단가</th>
+              <th className="border px-1 py-1 bg-sky-50" style={{ width: "130px" }}>업체</th>
+              <th className="border px-1 py-1 bg-sky-50" style={{ width: "80px" }}>단가</th>
+              <th className="border px-1 py-1 bg-purple-50" style={{ width: "130px" }}>업체</th>
+              <th className="border px-1 py-1 bg-purple-50" style={{ width: "80px" }}>단가</th>
+              <th className="border px-1 py-1 bg-green-50" style={{ width: "130px" }}>업체</th>
+              <th className="border px-1 py-1 bg-green-50" style={{ width: "80px" }}>단가</th>
+              <th className="border px-1 py-1 bg-rose-50" style={{ width: "130px" }}>업체</th>
+              <th className="border px-1 py-1 bg-rose-50" style={{ width: "80px" }}>단가</th>
+            </tr>
+          </thead>
+          <tbody>
+            {loading ? (
+              <tr>
+                <td colSpan={19} className="py-6 text-center text-gray-400">불러오는 중...</td>
+              </tr>
+            ) : rows.length === 0 ? (
+              <tr>
+                <td colSpan={19} className="py-6 text-center text-gray-400">BOM 데이터가 없습니다.</td>
+              </tr>
+            ) : (
+              rows.map((r, idx) => {
+                const bg = LEV_COLOR[r.LEV] || "#ffffff";
+                return (
+                  <tr key={idx} style={{ backgroundColor: bg }}>
+                    <td className="border px-1 py-1">
+                      <div className="flex">
+                        {Array.from({ length: maxLev }).map((_, i) => (
+                          <div key={i} style={{ flex: 1, textAlign: "center", color: "#333" }}>
+                            {i + 1 === r.LEV ? "*" : ""}
+                          </div>
+                        ))}
+                      </div>
+                    </td>
+                    <td className="border px-1 py-1">{r.PART_NO}</td>
+                    <td className="border px-1 py-1">{r.PART_NAME}</td>
+                    <td className="border px-1 py-1 text-right">{numberWithCommas(r.QTY || "0")}</td>
+                    <td className="border px-1 py-1">{r.SPEC}</td>
+                    <td className="border px-1 py-1">{r.POST_PROCESSING}</td>
+                    <td className="border px-1 py-1">{r.MAKER}</td>
+                    <td className="border px-1 py-1 text-center">{r.PART_TYPE_NAME}</td>
+                    <SupplyAndPriceCell
+                      readonly={readonly}
+                      supply={r.SUPPLY_OBJID}
+                      price={r.PRICE}
+                      options={supplyOptions}
+                      onSupplyChange={(v) => updateRow(idx, { SUPPLY_OBJID: v })}
+                      onPriceChange={(v) => updateRow(idx, { PRICE: v })}
+                    />
+                    <SupplyAndPriceCell
+                      readonly={readonly}
+                      supply={r.SUPPLY_OBJID1}
+                      price={r.PRICE1}
+                      options={supplyOptions}
+                      onSupplyChange={(v) => updateRow(idx, { SUPPLY_OBJID1: v })}
+                      onPriceChange={(v) => updateRow(idx, { PRICE1: v })}
+                    />
+                    <SupplyAndPriceCell
+                      readonly={readonly}
+                      supply={r.SUPPLY_OBJID2}
+                      price={r.PRICE2}
+                      options={supplyOptions}
+                      onSupplyChange={(v) => updateRow(idx, { SUPPLY_OBJID2: v })}
+                      onPriceChange={(v) => updateRow(idx, { PRICE2: v })}
+                    />
+                    <SupplyAndPriceCell
+                      readonly={readonly}
+                      supply={r.SUPPLY_OBJID3}
+                      price={r.PRICE3}
+                      options={supplyOptions}
+                      onSupplyChange={(v) => updateRow(idx, { SUPPLY_OBJID3: v })}
+                      onPriceChange={(v) => updateRow(idx, { PRICE3: v })}
+                    />
+                    <SupplyAndPriceCell
+                      readonly={readonly}
+                      supply={r.SUPPLY_OBJID4}
+                      price={r.PRICE4}
+                      options={supplyOptions}
+                      onSupplyChange={(v) => updateRow(idx, { SUPPLY_OBJID4: v })}
+                      onPriceChange={(v) => updateRow(idx, { PRICE4: v })}
+                    />
+                    <td className="border px-1 py-1 text-right font-semibold">
+                      {r.PRICE_SUM ? numberWithCommas(r.PRICE_SUM) : ""}
+                    </td>
+                  </tr>
+                );
+              })
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+function SupplyAndPriceCell({
+  readonly,
+  supply,
+  price,
+  options,
+  onSupplyChange,
+  onPriceChange,
+}: {
+  readonly: boolean;
+  supply: string;
+  price: string;
+  options: Option[];
+  onSupplyChange: (v: string) => void;
+  onPriceChange: (v: string) => void;
+}) {
+  return (
+    <>
+      <td className="border px-1 py-1">
+        {readonly ? (
+          <span>{options.find((o) => o.value === supply)?.label || ""}</span>
+        ) : (
+          <SearchableSelect options={options} value={supply} onChange={onSupplyChange} placeholder="-" />
+        )}
+      </td>
+      <td className="border px-1 py-1">
+        {readonly ? (
+          <span className="block text-right">{price ? numberWithCommas(price) : ""}</span>
+        ) : (
+          <input
+            type="text"
+            inputMode="numeric"
+            value={price ? numberWithCommas(price) : ""}
+            onChange={(e) => onPriceChange(e.target.value.replace(/[^0-9]/g, ""))}
+            className="h-8 w-full rounded border border-gray-300 bg-white px-2 text-xs text-right"
+          />
+        )}
+      </td>
+    </>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <SalesBomReportForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase/bom/structure/page.tsx b/src/app/purchase/bom/structure/page.tsx
new file mode 100644
index 0000000..757e08b
--- /dev/null
+++ b/src/app/purchase/bom/structure/page.tsx
@@ -0,0 +1,201 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useMemo, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { FolderCell } from "@/components/ui/folder-cell";
+import { numberWithCommas } from "@/lib/utils";
+
+type Row = Record<string, unknown>;
+
+const LEV_COLOR: Record<number, string> = {
+  1: "#fde9d9",
+  2: "#daeef3",
+  3: "#e4dfec",
+  4: "#ebf1de",
+  5: "#f2f2f2",
+  6: "#f2dcdb",
+  7: "#eeece1",
+  8: "#dce6f1",
+  9: "#FFFFEB",
+  10: "#ffffff",
+};
+
+// 구매관리 > 구매BOM에서 E-BOM 폴더 아이콘 클릭시 열리는 구조 팝업 (읽기전용)
+function BomStructurePopup() {
+  const params = useSearchParams();
+  const bomReportObjId = params.get("objId") || "";
+
+  const [header, setHeader] = useState<Row>({});
+  const [tree, setTree] = useState<Row[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [collapsed, setCollapsed] = useState<Set<string>>(new Set());
+
+  const fetchTree = useCallback(async () => {
+    if (!bomReportObjId) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/product/bom/structure-tree", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ bomReportObjId }),
+      });
+      if (res.ok) {
+        const j = await res.json();
+        setHeader(j.HEADER || {});
+        setTree(j.RESULTLIST || []);
+      }
+    } finally {
+      setLoading(false);
+    }
+  }, [bomReportObjId]);
+
+  useEffect(() => {
+    fetchTree();
+  }, [fetchTree]);
+
+  const maxLevel = useMemo(
+    () => tree.reduce((m, r) => Math.max(m, Number(r.LEVEL || 1)), 1),
+    [tree],
+  );
+
+  // 토글 접기/펼치기: 클릭한 행의 child_objid가 collapsed 집합에 들어가면 그 하위를 숨김
+  const visibleRows = useMemo(() => {
+    if (collapsed.size === 0) return tree;
+    const hiddenParents = Array.from(collapsed);
+    return tree.filter((r) => {
+      const parentObjId = String(r.PARENT_OBJID || "");
+      // 상위 어느 하나라도 collapsed면 숨김
+      return !hiddenParents.some((cid) => isDescendant(tree, r, cid));
+    });
+  }, [tree, collapsed]);
+
+  const toggleCollapse = (childObjId: string) => {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(childObjId)) next.delete(childObjId);
+      else next.add(childObjId);
+      return next;
+    });
+  };
+
+  const hasChildren = useCallback(
+    (childObjId: string) =>
+      tree.some((r) => String(r.PARENT_OBJID || "") === childObjId),
+    [tree],
+  );
+
+  return (
+    <div className="p-4 bg-white min-h-screen text-sm">
+      <div className="flex items-center justify-between mb-3 pb-2 border-b">
+        <div>
+          <h2 className="text-base font-bold text-gray-800">E-BOM 구조</h2>
+          {(header.PROJECT_NO || header.UNIT_NAME) ? (
+            <p className="text-xs text-gray-500 mt-0.5">
+              {String(header.PROJECT_NO || "")}
+              {header.CUSTOMER_PROJECT_NAME ? ` — ${String(header.CUSTOMER_PROJECT_NAME)}` : ""}
+              {header.UNIT_NAME ? ` / ${String(header.UNIT_NAME)}` : ""}
+            </p>
+          ) : null}
+        </div>
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+
+      <div className="border rounded overflow-auto" style={{ maxHeight: "calc(100vh - 130px)" }}>
+        <table className="text-xs border-collapse w-full" style={{ minWidth: "1500px" }}>
+          <thead className="bg-gray-100 text-gray-700 sticky top-0 z-10">
+            <tr>
+              <th className="border px-1 py-1" style={{ width: `${Math.max(80, maxLevel * 18 + 30)}px` }}>LEVEL</th>
+              <th className="border px-1 py-1" style={{ width: "160px" }}>품번</th>
+              <th className="border px-1 py-1" style={{ width: "200px" }}>품명</th>
+              <th className="border px-1 py-1" style={{ width: "60px" }}>Rev</th>
+              <th className="border px-1 py-1" style={{ width: "110px" }}>재질</th>
+              <th className="border px-1 py-1" style={{ width: "160px" }}>규격</th>
+              <th className="border px-1 py-1" style={{ width: "110px" }}>MAKER</th>
+              <th className="border px-1 py-1" style={{ width: "60px" }}>수량</th>
+              <th className="border px-1 py-1" style={{ width: "80px" }}>PART구분</th>
+              <th className="border px-1 py-1" style={{ width: "100px" }}>EO No.</th>
+              <th className="border px-1 py-1" style={{ width: "50px" }}>3D</th>
+              <th className="border px-1 py-1" style={{ width: "50px" }}>2D</th>
+              <th className="border px-1 py-1" style={{ width: "50px" }}>PDF</th>
+            </tr>
+          </thead>
+          <tbody>
+            {loading ? (
+              <tr>
+                <td colSpan={13} className="py-6 text-center text-gray-400">불러오는 중...</td>
+              </tr>
+            ) : visibleRows.length === 0 ? (
+              <tr>
+                <td colSpan={13} className="py-6 text-center text-gray-400">BOM 데이터가 없습니다.</td>
+              </tr>
+            ) : (
+              visibleRows.map((r, idx) => {
+                const lev = Number(r.LEVEL || 1);
+                const childObjId = String(r.CHILD_OBJID || "");
+                const isCollapsed = collapsed.has(childObjId);
+                const canToggle = hasChildren(childObjId);
+                return (
+                  <tr key={idx} style={{ backgroundColor: LEV_COLOR[lev] || "#fff" }}>
+                    <td className="border px-1 py-1">
+                      <div className="flex items-center" style={{ paddingLeft: `${(lev - 1) * 16}px` }}>
+                        {canToggle ? (
+                          <button
+                            onClick={() => toggleCollapse(childObjId)}
+                            className="w-4 h-4 mr-1 text-xs border border-gray-400 rounded bg-white hover:bg-gray-100"
+                            title={isCollapsed ? "펼치기" : "접기"}
+                          >
+                            {isCollapsed ? "+" : "−"}
+                          </button>
+                        ) : (
+                          <span className="w-4 h-4 mr-1 inline-block" />
+                        )}
+                        <span className="text-gray-600">Lv.{lev}</span>
+                      </div>
+                    </td>
+                    <td className="border px-1 py-1">{String(r.PART_NO || "")}</td>
+                    <td className="border px-1 py-1">{String(r.PART_NAME || "")}</td>
+                    <td className="border px-1 py-1 text-center">{String(r.REVISION || "")}</td>
+                    <td className="border px-1 py-1">{String(r.MATERIAL || "")}</td>
+                    <td className="border px-1 py-1">{String(r.SPEC || "")}</td>
+                    <td className="border px-1 py-1">{String(r.MAKER || "")}</td>
+                    <td className="border px-1 py-1 text-right">
+                      {r.QTY ? numberWithCommas(String(r.QTY)) : ""}
+                    </td>
+                    <td className="border px-1 py-1 text-center">{String(r.PART_TYPE_TITLE || "")}</td>
+                    <td className="border px-1 py-1 text-center">{String(r.EO_NO || "")}</td>
+                    <td className="border px-1 py-1 text-center"><FolderCell count={r.CU01_CNT} /></td>
+                    <td className="border px-1 py-1 text-center"><FolderCell count={r.CU02_CNT} /></td>
+                    <td className="border px-1 py-1 text-center"><FolderCell count={r.CU03_CNT} /></td>
+                  </tr>
+                );
+              })
+            )}
+          </tbody>
+        </table>
+      </div>
+    </div>
+  );
+}
+
+// 특정 collapsed 노드의 하위인지 판별 (트리에서 부모-자식 체인 재귀 추적)
+function isDescendant(tree: Row[], row: Row, ancestorChildObjId: string): boolean {
+  let currentParent = String(row.PARENT_OBJID || "");
+  while (currentParent) {
+    if (currentParent === ancestorChildObjId) return true;
+    const p = tree.find((x) => String(x.CHILD_OBJID || "") === currentParent);
+    if (!p) return false;
+    currentParent = String(p.PARENT_OBJID || "");
+  }
+  return false;
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <BomStructurePopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase/design-change/form/page.tsx b/src/app/purchase/design-change/form/page.tsx
new file mode 100644
index 0000000..44b31bc
--- /dev/null
+++ b/src/app/purchase/design-change/form/page.tsx
@@ -0,0 +1,217 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+// 원본: /salesMng/salesPartChgFormPopup.do — 조치내역등록 팝업 (600x300)
+function ActRegistForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const partObjId = searchParams.get("partObjId") || "";
+  const initEoNo = searchParams.get("eoNo") || "";
+  const initPartNo = searchParams.get("partNo") || "";
+  const initProjectNo = searchParams.get("projectNo") || "";
+
+  const [eoNo, setEoNo] = useState(initEoNo);
+  const [partNo, setPartNo] = useState(initPartNo);
+  const [projectNo, setProjectNo] = useState(initProjectNo);
+  const [bomReportObjId, setBomReportObjId] = useState("");
+  const [qtyChildObjId, setQtyChildObjId] = useState("");
+
+  const [actCd, setActCd] = useState("");
+  const [purchaseOrderMasterObjId, setPurchaseOrderMasterObjId] = useState("");
+  const [note, setNote] = useState("");
+  const [actStatus, setActStatus] = useState("0001064"); // 접수 기본
+
+  const [orderOptions, setOrderOptions] = useState<{ value: string; label: string }[]>([]);
+  const [loading, setLoading] = useState(false);
+  const readonly = actStatus === "0001065"; // 발주완료면 수정불가
+
+  useEffect(() => {
+    if (!partObjId) return;
+    fetch("/api/purchase/design-change/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId, partObjId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (!d.success) return;
+        const h = d.header || {};
+        if (h.EO_NO) setEoNo(String(h.EO_NO));
+        if (h.PART_NO) setPartNo(String(h.PART_NO));
+        if (h.PROJECT_NO) setProjectNo(String(h.PROJECT_NO));
+        setBomReportObjId(String(h.BOM_REPORT_OBJID || ""));
+        setQtyChildObjId(String(h.QTY_CHILD_OBJID || ""));
+
+        const s = d.spc || {};
+        if (s) {
+          if (s.ACT_CD) setActCd(String(s.ACT_CD));
+          if (s.PURCHASE_ORDER_MASTER_OBJID)
+            setPurchaseOrderMasterObjId(String(s.PURCHASE_ORDER_MASTER_OBJID));
+          if (s.NOTE) setNote(String(s.NOTE));
+          if (s.ACT_STATUS) setActStatus(String(s.ACT_STATUS));
+        }
+        setOrderOptions(
+          (d.orders || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID || ""),
+            label: String(r.PURCHASE_ORDER_NO || ""),
+          }))
+        );
+      })
+      .catch(() => {});
+  }, [objId, partObjId]);
+
+  const handleSave = async () => {
+    if (!actCd) {
+      Swal.fire("알림", "조치내역을 선택하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/purchase/design-change/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objId: objId || undefined,
+          partObjId,
+          act_cd: actCd,
+          purchase_order_master_objid: purchaseOrderMasterObjId,
+          note,
+          bom_report_objid: bomReportObjId,
+          qty_child_objid: qtyChildObjId,
+        }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "저장되었습니다.",
+          timer: 1200,
+          showConfirmButton: false,
+        });
+        if (window.opener) {
+          try {
+            window.opener.location.reload();
+          } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">조치내역 등록</h2>
+
+      <div className="grid grid-cols-2 gap-x-3 gap-y-3 text-sm">
+        <Field label="EO NO">
+          <input
+            readOnly
+            value={eoNo}
+            className="h-9 w-full rounded border border-gray-200 bg-gray-50 px-2 text-sm"
+          />
+        </Field>
+        <Field label="품번">
+          <input
+            readOnly
+            value={partNo}
+            className="h-9 w-full rounded border border-gray-200 bg-gray-50 px-2 text-sm"
+          />
+        </Field>
+        <Field label="프로젝트번호" span={2}>
+          <input
+            readOnly
+            value={projectNo}
+            className="h-9 w-full rounded border border-gray-200 bg-gray-50 px-2 text-sm"
+          />
+        </Field>
+
+        <Field label="조치내역" required>
+          <SearchableCodeSelect
+            codeId="0001059"
+            value={actCd}
+            onChange={setActCd}
+            disabled={readonly}
+            placeholder="선택"
+          />
+        </Field>
+        <Field label="발주서NO">
+          <SearchableSelect
+            options={orderOptions}
+            value={purchaseOrderMasterObjId}
+            onChange={setPurchaseOrderMasterObjId}
+            disabled={readonly}
+            placeholder="선택"
+          />
+        </Field>
+
+        <Field label="비고" span={2}>
+          <textarea
+            value={note}
+            onChange={(e) => setNote(e.target.value)}
+            disabled={readonly}
+            rows={3}
+            className="w-full rounded border border-gray-300 bg-white px-2 py-1 text-sm outline-none focus:border-primary focus:ring-1 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50"
+          />
+        </Field>
+      </div>
+
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        {!readonly && (
+          <Button onClick={handleSave} disabled={loading}>
+            {loading ? "저장 중..." : "저장"}
+          </Button>
+        )}
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+
+      {readonly && (
+        <p className="mt-3 text-xs text-gray-500">
+          * 발주완료 상태이므로 수정할 수 없습니다.
+        </p>
+      )}
+    </div>
+  );
+}
+
+function Field({
+  label,
+  required,
+  children,
+  span,
+}: {
+  label: string;
+  required?: boolean;
+  children: React.ReactNode;
+  span?: number;
+}) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ActRegistForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase/design-change/part-history/page.tsx b/src/app/purchase/design-change/part-history/page.tsx
new file mode 100644
index 0000000..324fdff
--- /dev/null
+++ b/src/app/purchase/design-change/part-history/page.tsx
@@ -0,0 +1,149 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+
+interface HeaderInfo {
+  OBJID?: string;
+  PART_NO?: string;
+  PART_NAME?: string;
+  REVISION?: string;
+  EO_NO?: string;
+  EO_DATE?: string;
+  CHANGE_TYPE_NAME?: string;
+  CHANGE_OPTION_NAME?: string;
+  QTY?: string;
+  QTY_TEMP?: string;
+  REMARK?: string;
+  REG_DATE?: string;
+  WRITER_NAME?: string;
+}
+
+interface HistoryRow {
+  OBJID: string;
+  REVISION?: string;
+  EO_NO?: string;
+  EO_DATE?: string;
+  CHANGE_TYPE_NAME?: string;
+  REG_DATE?: string;
+  WRITER_NAME?: string;
+}
+
+// 원본: /partMng/partMngHisDetailPopUp.do — 부품 변경 이력 팝업 (550x250)
+function PartHistoryView() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const [current, setCurrent] = useState<HeaderInfo | null>(null);
+  const [history, setHistory] = useState<HistoryRow[]>([]);
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/purchase/design-change/part-history", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (!d.success) return;
+        setCurrent(d.current as HeaderInfo);
+        setHistory((d.history || []) as HistoryRow[]);
+      })
+      .catch(() => {});
+  }, [objId]);
+
+  return (
+    <div className="p-4 bg-white min-h-screen text-sm">
+      <h2 className="text-base font-bold text-gray-800 mb-3 border-b pb-2">부품 변경 이력</h2>
+
+      {current && (
+        <div className="mb-4 grid grid-cols-2 gap-x-3 gap-y-1 text-xs">
+          <Info label="품번" value={current.PART_NO} />
+          <Info label="품명" value={current.PART_NAME} />
+          <Info label="Revision" value={current.REVISION} />
+          <Info label="EO NO" value={current.EO_NO} />
+          <Info label="EO구분" value={current.CHANGE_TYPE_NAME} />
+          <Info label="EO사유" value={current.CHANGE_OPTION_NAME} />
+          <Info label="수량" value={current.QTY} />
+          <Info label="변경수량" value={current.QTY_TEMP} />
+          <Info label="실행일" value={current.REG_DATE} />
+          <Info label="설계담당자" value={current.WRITER_NAME} />
+          <div className="col-span-2">
+            <span className="text-gray-500 mr-2">비고:</span>
+            <span>{current.REMARK || "-"}</span>
+          </div>
+        </div>
+      )}
+
+      <div className="border rounded overflow-auto max-h-[400px]">
+        <table className="w-full text-xs" style={{ tableLayout: "fixed" }}>
+          <colgroup>
+            <col style={{ width: "70px" }} />
+            <col style={{ width: "110px" }} />
+            <col style={{ width: "90px" }} />
+            <col style={{ width: "90px" }} />
+            <col style={{ width: "90px" }} />
+            <col />
+          </colgroup>
+          <thead className="bg-gray-50 text-gray-600 sticky top-0">
+            <tr>
+              <th className="px-1 py-1 text-center">Rev</th>
+              <th className="px-1 py-1 text-center">EO NO</th>
+              <th className="px-1 py-1 text-center">EO Date</th>
+              <th className="px-1 py-1 text-center">EO구분</th>
+              <th className="px-1 py-1 text-center">실행일</th>
+              <th className="px-1 py-1 text-center">작성자</th>
+            </tr>
+          </thead>
+          <tbody>
+            {history.length === 0 ? (
+              <tr>
+                <td colSpan={6} className="py-4 text-center text-gray-400">
+                  이력 없음
+                </td>
+              </tr>
+            ) : (
+              history.map((h) => (
+                <tr
+                  key={h.OBJID}
+                  className={h.OBJID === objId ? "bg-blue-50 border-t" : "border-t"}
+                >
+                  <td className="px-1 py-1 text-center">{h.REVISION || "-"}</td>
+                  <td className="px-1 py-1 text-center">{h.EO_NO || "-"}</td>
+                  <td className="px-1 py-1 text-center">{h.EO_DATE || "-"}</td>
+                  <td className="px-1 py-1 text-center">{h.CHANGE_TYPE_NAME || "-"}</td>
+                  <td className="px-1 py-1 text-center">{h.REG_DATE || "-"}</td>
+                  <td className="px-1 py-1 text-center">{h.WRITER_NAME || "-"}</td>
+                </tr>
+              ))
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="flex justify-end mt-3 pt-2 border-t">
+        <Button size="sm" variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+function Info({ label, value }: { label: string; value?: string }) {
+  return (
+    <div>
+      <span className="text-gray-500 mr-2">{label}:</span>
+      <span className="font-medium">{value || "-"}</span>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PartHistoryView />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase/request/form/page.tsx b/src/app/purchase/request/form/page.tsx
new file mode 100644
index 0000000..9d586d4
--- /dev/null
+++ b/src/app/purchase/request/form/page.tsx
@@ -0,0 +1,529 @@
+"use client";
+
+import { useState, useEffect, useCallback, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+interface PartRow {
+  OBJID?: string;
+  SALES_BOM_QTY_OBJID?: string;
+  PART_OBJID?: string;
+  PART_NO?: string;
+  PART_NAME?: string;
+  QTY?: string;
+  ORG_QTY?: string;
+  PARTNER_OBJID?: string;
+  DELIVERY_REQUEST_DATE?: string;
+  REMARK?: string;
+}
+
+interface Master {
+  REQUEST_CD: string;
+  PROJECT_NO: string;
+  CUSTOMER_NAME: string;
+  MECHANICAL_TYPE: string;
+  SETUP: string;
+  RELEASE_DATE: string;
+  REQUEST_REASONS: string;
+  REQUEST_USER_ID: string;
+  DELIVERY_REQUEST_DATE: string;
+  UNIT_NAME: string;
+  REMARK: string;
+  STATUS: string;
+  STATUS_TITLE: string;
+  REQUEST_MNG_NO: string;
+  REGDATE_TITLE: string;
+}
+
+const EMPTY_MASTER: Master = {
+  REQUEST_CD: "",
+  PROJECT_NO: "",
+  CUSTOMER_NAME: "",
+  MECHANICAL_TYPE: "",
+  SETUP: "",
+  RELEASE_DATE: "",
+  REQUEST_REASONS: "",
+  REQUEST_USER_ID: "",
+  DELIVERY_REQUEST_DATE: "",
+  UNIT_NAME: "",
+  REMARK: "",
+  STATUS: "create",
+  STATUS_TITLE: "",
+  REQUEST_MNG_NO: "",
+  REGDATE_TITLE: "",
+};
+
+// 원본: /salesMng/salesRequestFormPopUp.jsp (sales_request_master + sales_request_part)
+function PurchaseRequestForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const isNew = !objId;
+
+  const [master, setMaster] = useState<Master>({ ...EMPTY_MASTER });
+  const [parts, setParts] = useState<PartRow[]>([]);
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+  const [unitOptions, setUnitOptions] = useState<Option[]>([]);
+  const [userOptions, setUserOptions] = useState<Option[]>([]);
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [bomOptions, setBomOptions] = useState<Option[]>([]);
+  const [bomRows, setBomRows] = useState<Record<string, PartRow>>({});
+  const [loading, setLoading] = useState(false);
+
+  const readonly =
+    master.STATUS === "approvalRequest" ||
+    master.STATUS === "approvalComplete" ||
+    master.STATUS === "reception";
+
+  const setField = <K extends keyof Master>(k: K, v: Master[K]) =>
+    setMaster((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setProjectOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.LABEL || r.PROJECT_NO || ""),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setUserOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.USER_ID),
+            label: String(r.USER_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+
+    fetch("/api/common/supply-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, []);
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/purchase/request/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (!d.success || !d.data) return;
+        const info = d.data as Record<string, unknown>;
+        setMaster({
+          REQUEST_CD: String(info.REQUEST_CD || ""),
+          PROJECT_NO: String(info.PROJECT_NO || ""),
+          CUSTOMER_NAME: String(info.CUSTOMER_NAME || ""),
+          MECHANICAL_TYPE: String(info.MECHANICAL_TYPE || ""),
+          SETUP: String(info.SETUP || ""),
+          RELEASE_DATE: String(info.RELEASE_DATE || ""),
+          REQUEST_REASONS: String(info.REQUEST_REASONS || ""),
+          REQUEST_USER_ID: String(info.REQUEST_USER_ID || ""),
+          DELIVERY_REQUEST_DATE: String(info.DELIVERY_REQUEST_DATE || ""),
+          UNIT_NAME: String(info.UNIT_NAME || ""),
+          REMARK: String(info.REMARK || ""),
+          STATUS: String(info.STATUS || "create"),
+          STATUS_TITLE: String(info.STATUS_TITLE || ""),
+          REQUEST_MNG_NO: String(info.REQUEST_MNG_NO || ""),
+          REGDATE_TITLE: String(info.REGDATE_TITLE || ""),
+        });
+        setParts((d.PARTS || []) as PartRow[]);
+      })
+      .catch(() => {});
+  }, [objId]);
+
+  // 프로젝트 변경 시 유닛 목록 갱신
+  useEffect(() => {
+    if (!master.PROJECT_NO) {
+      setUnitOptions([]);
+      return;
+    }
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: master.PROJECT_NO }),
+    })
+      .then((r) => r.json())
+      .then((d) =>
+        setUnitOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.UNIT_NAME || r.TASK_NAME || ""),
+          })),
+        ),
+      )
+      .catch(() => {});
+  }, [master.PROJECT_NO]);
+
+  // 프로젝트+유닛 지정 시 BOM 부품 후보 조회
+  useEffect(() => {
+    if (!master.PROJECT_NO || !master.UNIT_NAME) {
+      setBomOptions([]);
+      setBomRows({});
+      return;
+    }
+    fetch("/api/purchase/request/bom-parts", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ project_objid: master.PROJECT_NO, unit_code: master.UNIT_NAME }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Record<string, unknown>[];
+        const map: Record<string, PartRow> = {};
+        const opts: Option[] = [];
+        list.forEach((r) => {
+          const pid = String(r.PART_OBJID || "");
+          if (!pid || map[pid]) return;
+          map[pid] = {
+            PART_OBJID: pid,
+            PART_NO: String(r.PART_NO || ""),
+            PART_NAME: String(r.PART_NAME || ""),
+            PARTNER_OBJID: String(r.SUPPLY_OBJID || ""),
+            ORG_QTY: String(r.ORDER_QTY || "0"),
+            QTY: String(r.ORDER_QTY || "0"),
+            SALES_BOM_QTY_OBJID: String(r.SALES_BOM_REPORT_PART_OBJID || ""),
+          };
+          opts.push({ value: pid, label: `${r.PART_NO || ""} / ${r.PART_NAME || ""}` });
+        });
+        setBomOptions(opts);
+        setBomRows(map);
+      })
+      .catch(() => {});
+  }, [master.PROJECT_NO, master.UNIT_NAME]);
+
+  const addRow = () => {
+    if (!master.UNIT_NAME) {
+      Swal.fire("알림", "유닛명을 먼저 선택하세요.", "warning");
+      return;
+    }
+    setParts((p) => [
+      ...p,
+      { PART_OBJID: "", PART_NO: "", PART_NAME: "", QTY: "", PARTNER_OBJID: "" },
+    ]);
+  };
+
+  const updateRow = (idx: number, patch: Partial<PartRow>) =>
+    setParts((p) => p.map((r, i) => (i === idx ? { ...r, ...patch } : r)));
+
+  const removeRow = (idx: number) => setParts((p) => p.filter((_, i) => i !== idx));
+
+  const onPartSelect = (idx: number, pid: string) => {
+    const row = bomRows[pid];
+    if (row) {
+      updateRow(idx, {
+        PART_OBJID: pid,
+        PART_NO: row.PART_NO,
+        PART_NAME: row.PART_NAME,
+        PARTNER_OBJID: row.PARTNER_OBJID,
+        ORG_QTY: row.ORG_QTY,
+        QTY: row.QTY,
+        SALES_BOM_QTY_OBJID: row.SALES_BOM_QTY_OBJID,
+      });
+    } else {
+      updateRow(idx, { PART_OBJID: pid });
+    }
+  };
+
+  const handleSave = useCallback(async () => {
+    if (!master.PROJECT_NO) {
+      Swal.fire("알림", "프로젝트번호를 선택하세요.", "warning");
+      return;
+    }
+    if (!master.UNIT_NAME) {
+      Swal.fire("알림", "유닛명을 선택하세요.", "warning");
+      return;
+    }
+    if (!master.DELIVERY_REQUEST_DATE) {
+      Swal.fire("알림", "입고요청일을 선택하세요.", "warning");
+      return;
+    }
+    if (parts.length === 0) {
+      Swal.fire("알림", "저장할 품목을 1건 이상 추가하세요.", "warning");
+      return;
+    }
+    for (const r of parts) {
+      if (!r.PART_OBJID) {
+        Swal.fire("알림", "품번이 선택되지 않은 행이 있습니다.", "warning");
+        return;
+      }
+      if (!r.QTY || Number(r.QTY) <= 0) {
+        Swal.fire("알림", "수량은 0보다 커야 합니다.", "warning");
+        return;
+      }
+    }
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/purchase/request/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objId: objId || undefined,
+          actionType: isNew ? "regist" : "update",
+          request_cd: master.REQUEST_CD,
+          project_no: master.PROJECT_NO,
+          release_date: master.RELEASE_DATE,
+          request_reasons: master.REQUEST_REASONS,
+          request_user_id: master.REQUEST_USER_ID,
+          delivery_request_date: master.DELIVERY_REQUEST_DATE,
+          unit_name: master.UNIT_NAME,
+          status: master.STATUS || "create",
+          remark: master.REMARK,
+          parts,
+        }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "저장되었습니다.",
+          timer: 1200,
+          showConfirmButton: false,
+        });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  }, [master, parts, objId, isNew]);
+
+  return (
+    <div className="p-5 bg-white min-h-screen text-sm">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        구매요청서 (Purchase Request){master.REQUEST_MNG_NO && ` — ${master.REQUEST_MNG_NO}`}
+        {master.STATUS_TITLE && <span className="ml-2 text-xs text-gray-500">[{master.STATUS_TITLE}]</span>}
+      </h2>
+
+      <div className="grid grid-cols-4 gap-x-3 gap-y-3">
+        <Field label="구분">
+          <SearchableCodeSelect
+            codeId="0000167"
+            value={master.REQUEST_CD}
+            onChange={(v) => setField("REQUEST_CD", v)}
+            disabled={readonly}
+          />
+        </Field>
+        <Field label="프로젝트번호" required>
+          <SearchableSelect
+            options={projectOptions}
+            value={master.PROJECT_NO}
+            onChange={(v) => setField("PROJECT_NO", v)}
+            disabled={readonly}
+          />
+        </Field>
+        <Field label="고객사">
+          <Input value={master.CUSTOMER_NAME} readOnly className="bg-gray-50" />
+        </Field>
+        <Field label="기계형식">
+          <Input value={master.MECHANICAL_TYPE} readOnly className="bg-gray-50" />
+        </Field>
+
+        <Field label="셋업지">
+          <Input value={master.SETUP} readOnly className="bg-gray-50" />
+        </Field>
+        <Field label="출고일">
+          <Input value={master.RELEASE_DATE} readOnly className="bg-gray-50" />
+        </Field>
+        <Field label="요청사유">
+          <SearchableCodeSelect
+            codeId="0000166"
+            value={master.REQUEST_REASONS}
+            onChange={(v) => setField("REQUEST_REASONS", v)}
+            disabled={readonly}
+          />
+        </Field>
+        <Field label="요청인">
+          <SearchableSelect
+            options={userOptions}
+            value={master.REQUEST_USER_ID}
+            onChange={(v) => setField("REQUEST_USER_ID", v)}
+            disabled={readonly}
+          />
+        </Field>
+
+        <Field label="입고요청일" required>
+          <input
+            type="date"
+            value={master.DELIVERY_REQUEST_DATE}
+            onChange={(e) => setField("DELIVERY_REQUEST_DATE", e.target.value)}
+            disabled={readonly}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm"
+          />
+        </Field>
+        <Field label="유닛명" required span={3}>
+          <SearchableSelect
+            options={unitOptions}
+            value={master.UNIT_NAME}
+            onChange={(v) => setField("UNIT_NAME", v)}
+            disabled={readonly}
+          />
+        </Field>
+
+        <Field label="제목" span={4}>
+          <Input
+            value={master.REMARK}
+            onChange={(e) => setField("REMARK", e.target.value)}
+            disabled={readonly}
+          />
+        </Field>
+      </div>
+
+      <div className="mt-5 pt-3 border-t">
+        <div className="flex justify-between items-center mb-2">
+          <h3 className="text-sm font-bold text-gray-700">
+            구매요청 품목{parts.length > 0 && <span className="ml-2 text-xs text-gray-500">({parts.length}건)</span>}
+          </h3>
+          {!readonly && (
+            <div className="flex gap-2">
+              <Button size="sm" variant="secondary" onClick={addRow}>행 추가</Button>
+            </div>
+          )}
+        </div>
+        <div className="border rounded overflow-auto">
+          <table className="w-full text-xs" style={{ tableLayout: "fixed" }}>
+            <colgroup>
+              <col style={{ width: "240px" }} />
+              <col />
+              <col style={{ width: "90px" }} />
+              <col style={{ width: "200px" }} />
+              {!readonly && <col style={{ width: "60px" }} />}
+            </colgroup>
+            <thead className="bg-gray-50 text-gray-600">
+              <tr>
+                <th className="px-1 py-1 text-center">품번</th>
+                <th className="px-1 py-1 text-center">품명</th>
+                <th className="px-1 py-1 text-center">수량</th>
+                <th className="px-1 py-1 text-center">공급업체</th>
+                {!readonly && <th className="px-1 py-1 text-center">삭제</th>}
+              </tr>
+            </thead>
+            <tbody>
+              {parts.length === 0 ? (
+                <tr>
+                  <td colSpan={readonly ? 4 : 5} className="py-4 text-center text-gray-400">
+                    행이 없습니다. 프로젝트/유닛을 선택 후 행을 추가하세요.
+                  </td>
+                </tr>
+              ) : (
+                parts.map((r, idx) => (
+                  <tr key={idx} className="border-t">
+                    <td className="px-1 py-1">
+                      {readonly ? (
+                        <Input value={r.PART_NO || ""} readOnly className="bg-gray-50" />
+                      ) : (
+                        <SearchableSelect
+                          options={bomOptions}
+                          value={r.PART_OBJID || ""}
+                          onChange={(v) => onPartSelect(idx, v)}
+                          placeholder="품번 선택"
+                        />
+                      )}
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input value={r.PART_NAME || ""} readOnly className="bg-gray-50" />
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input
+                        type="number"
+                        value={r.QTY || ""}
+                        onChange={(e) => updateRow(idx, { QTY: e.target.value })}
+                        disabled={readonly}
+                        className="text-right"
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <SearchableSelect
+                        options={supplyOptions}
+                        value={r.PARTNER_OBJID || ""}
+                        onChange={(v) => updateRow(idx, { PARTNER_OBJID: v })}
+                        disabled={readonly}
+                      />
+                    </td>
+                    {!readonly && (
+                      <td className="px-1 py-1 text-center">
+                        <Button size="sm" variant="danger" onClick={() => removeRow(idx)}>X</Button>
+                      </td>
+                    )}
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        {!readonly && (
+          <Button onClick={handleSave} disabled={loading}>
+            {loading ? "저장 중..." : "저장"}
+          </Button>
+        )}
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+
+      {readonly && (
+        <p className="mt-3 text-xs text-gray-500">
+          * 접수/결재중/결재완료 상태는 수정할 수 없습니다.
+        </p>
+      )}
+    </div>
+  );
+}
+
+function Field({
+  label,
+  required,
+  children,
+  span,
+}: {
+  label: string;
+  required?: boolean;
+  children: React.ReactNode;
+  span?: number;
+}) {
+  const col = span === 4 ? "col-span-4" : span === 3 ? "col-span-3" : span === 2 ? "col-span-2" : "";
+  return (
+    <div className={col}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PurchaseRequestForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase/stock/form/page.tsx b/src/app/purchase/stock/form/page.tsx
new file mode 100644
index 0000000..5aedcfe
--- /dev/null
+++ b/src/app/purchase/stock/form/page.tsx
@@ -0,0 +1,478 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import Swal from "sweetalert2";
+
+type Option = { value: string; label: string };
+
+interface Standard {
+  ld_part_name: string;
+  spec: string;
+  form_no: string;
+  maker: string;
+  material_code: string;
+  supply_objid: string;
+  location: string;
+  price: string;
+}
+
+interface InputRow {
+  OBJID?: string;
+  CONTRACT_OBJID?: string;
+  INPUT_QTY?: string;
+  INPUT_DATE?: string;
+}
+
+interface PredictRow {
+  OBJID?: string;
+  MONTH?: string;
+  USE_PLACE?: string;
+  CONTRACT_OBJID?: string;
+  QTY?: string;
+  NOTE?: string;
+}
+
+// 원본: /salesMng/salesLongDeliveryFormPopup.do (STANDARD/INPUT/PREDICT)
+function StockForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const actionType = (searchParams.get("actionType") || "STANDARD").toUpperCase();
+  const isNew = !objId;
+
+  const [std, setStd] = useState<Standard>({
+    ld_part_name: "",
+    spec: "",
+    form_no: "",
+    maker: "",
+    material_code: "",
+    supply_objid: "",
+    location: "",
+    price: "0",
+  });
+  const [inputs, setInputs] = useState<InputRow[]>([]);
+  const [predicts, setPredicts] = useState<PredictRow[]>([]);
+  const [supplyOptions, setSupplyOptions] = useState<Option[]>([]);
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  const isStandard = actionType === "STANDARD";
+  const isInput = actionType === "INPUT";
+  const isPredict = actionType === "PREDICT";
+
+  useEffect(() => {
+    fetch("/api/admin/supply", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) =>
+        setSupplyOptions(
+          (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+            value: String(r.OBJID),
+            label: String(r.SUPPLY_NAME),
+          }))
+        )
+      )
+      .catch(() => {});
+    if (isInput || isPredict) {
+      fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+        .then((r) => r.json())
+        .then((d) =>
+          setProjectOptions(
+            (d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+              value: String(r.OBJID),
+              label: String(r.LABEL || r.PROJECT_NO || r.CUSTOMER_PROJECT_NAME || ""),
+            }))
+          )
+        )
+        .catch(() => {});
+    }
+  }, [isInput, isPredict]);
+
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/purchase/stock/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (!d.success) return;
+        const i = d.info || {};
+        setStd({
+          ld_part_name: String(i.LD_PART_NAME || ""),
+          spec: String(i.SPEC || ""),
+          form_no: String(i.FORM_NO || ""),
+          maker: String(i.MAKER || ""),
+          material_code: String(i.MATERIAL_CODE || ""),
+          supply_objid: String(i.SUPPLY_OBJID || ""),
+          location: String(i.LOCATION || ""),
+          price: String(i.PRICE || "0"),
+        });
+        setInputs((d.inputs || []) as InputRow[]);
+        setPredicts((d.predicts || []) as PredictRow[]);
+      })
+      .catch(() => {});
+  }, [objId]);
+
+  const setStdField = (k: keyof Standard, v: string) => setStd((p) => ({ ...p, [k]: v }));
+
+  const saveStandard = async () => {
+    if (!std.ld_part_name) {
+      Swal.fire("알림", "품명을 입력하세요.", "warning");
+      return;
+    }
+    if (!std.location) {
+      Swal.fire("알림", "Location을 선택하세요.", "warning");
+      return;
+    }
+    if (!std.supply_objid) {
+      Swal.fire("알림", "공급업체를 선택하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/purchase/stock/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId: objId || undefined, ...std }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const saveInput = async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/purchase/stock/input-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ parentObjId: objId, rows: inputs }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const savePredict = async () => {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/purchase/stock/predict-save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ parentObjId: objId, rows: predicts }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  // 자재투입 그리드 조작
+  const addInputRow = () =>
+    setInputs((p) => [...p, { CONTRACT_OBJID: "", INPUT_QTY: "", INPUT_DATE: new Date().toISOString().slice(0, 10) }]);
+  const updateInput = (idx: number, k: keyof InputRow, v: string) =>
+    setInputs((p) => p.map((r, i) => (i === idx ? { ...r, [k]: v } : r)));
+  const removeInput = (idx: number) => setInputs((p) => p.filter((_, i) => i !== idx));
+
+  // 예측수량 그리드 조작
+  const addPredictRow = () =>
+    setPredicts((p) => [...p, { MONTH: "1", CONTRACT_OBJID: "", QTY: "", USE_PLACE: "", NOTE: "" }]);
+  const updatePredict = (idx: number, k: keyof PredictRow, v: string) =>
+    setPredicts((p) => p.map((r, i) => (i === idx ? { ...r, [k]: v } : r)));
+  const removePredict = (idx: number) => setPredicts((p) => p.filter((_, i) => i !== idx));
+
+  const title = isStandard
+    ? (isNew ? "장납기품 등록" : "장납기품 수정")
+    : isInput
+    ? "자재투입 이력"
+    : "예측수량 등록";
+
+  return (
+    <div className="p-5 bg-white min-h-screen text-sm">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">{title}</h2>
+
+      <div className="grid grid-cols-2 gap-x-3 gap-y-3">
+        <Field label="품명" required={isStandard}>
+          <Input
+            value={std.ld_part_name}
+            onChange={(e) => setStdField("ld_part_name", e.target.value)}
+            disabled={!isStandard}
+          />
+        </Field>
+        <Field label="Location" required={isStandard}>
+          <SearchableCodeSelect
+            codeId="0000262"
+            value={std.location}
+            onChange={(v) => setStdField("location", v)}
+            disabled={!isStandard}
+          />
+        </Field>
+        <Field label="사양(규격)" span={2}>
+          <Input value={std.spec} onChange={(e) => setStdField("spec", e.target.value)} disabled={!isStandard} />
+        </Field>
+        <Field label="내자/외자">
+          <Input value={std.form_no} onChange={(e) => setStdField("form_no", e.target.value)} disabled={!isStandard} />
+        </Field>
+        <Field label="메이커">
+          <Input value={std.maker} onChange={(e) => setStdField("maker", e.target.value)} disabled={!isStandard} />
+        </Field>
+        <Field label="자재코드">
+          <Input
+            value={std.material_code}
+            onChange={(e) => setStdField("material_code", e.target.value)}
+            disabled={!isStandard}
+          />
+        </Field>
+        <Field label="공급업체" required={isStandard}>
+          <SearchableSelect
+            options={supplyOptions}
+            value={std.supply_objid}
+            onChange={(v) => setStdField("supply_objid", v)}
+            disabled={!isStandard}
+          />
+        </Field>
+        <Field label="단가">
+          <Input
+            type="number"
+            value={std.price}
+            onChange={(e) => setStdField("price", e.target.value)}
+            disabled={!isStandard}
+          />
+        </Field>
+      </div>
+
+      {isInput && (
+        <div className="mt-5 pt-3 border-t">
+          <div className="flex justify-between items-center mb-2">
+            <h3 className="text-sm font-bold text-gray-700">자재투입 이력</h3>
+            <div className="flex gap-2">
+              <Button size="sm" variant="secondary" onClick={addInputRow}>
+                추가
+              </Button>
+            </div>
+          </div>
+          <div className="border rounded overflow-auto">
+            <table className="w-full text-xs" style={{ tableLayout: "fixed" }}>
+              <colgroup>
+                <col style={{ width: "220px" }} />
+                <col style={{ width: "110px" }} />
+                <col style={{ width: "140px" }} />
+                <col style={{ width: "70px" }} />
+              </colgroup>
+              <thead className="bg-gray-50 text-gray-600">
+                <tr>
+                  <th className="px-1 py-1 text-center">프로젝트번호</th>
+                  <th className="px-1 py-1 text-center">투입수량</th>
+                  <th className="px-1 py-1 text-center">투입일자</th>
+                  <th className="px-1 py-1 text-center">삭제</th>
+                </tr>
+              </thead>
+              <tbody>
+                {inputs.length === 0 ? (
+                  <tr>
+                    <td colSpan={4} className="py-4 text-center text-gray-400">
+                      행이 없습니다. 추가 버튼을 눌러주세요.
+                    </td>
+                  </tr>
+                ) : (
+                  inputs.map((r, idx) => (
+                    <tr key={idx} className="border-t">
+                      <td className="px-1 py-1">
+                        <SearchableSelect
+                          options={projectOptions}
+                          value={r.CONTRACT_OBJID || ""}
+                          onChange={(v) => updateInput(idx, "CONTRACT_OBJID", v)}
+                          placeholder="(공용재고)"
+                        />
+                      </td>
+                      <td className="px-1 py-1">
+                        <Input
+                          type="number"
+                          value={r.INPUT_QTY || ""}
+                          onChange={(e) => updateInput(idx, "INPUT_QTY", e.target.value)}
+                        />
+                      </td>
+                      <td className="px-1 py-1">
+                        <input
+                          type="date"
+                          value={r.INPUT_DATE || ""}
+                          onChange={(e) => updateInput(idx, "INPUT_DATE", e.target.value)}
+                          className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm"
+                        />
+                      </td>
+                      <td className="px-1 py-1 text-center">
+                        <Button size="sm" variant="danger" onClick={() => removeInput(idx)}>
+                          X
+                        </Button>
+                      </td>
+                    </tr>
+                  ))
+                )}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      )}
+
+      {isPredict && (
+        <div className="mt-5 pt-3 border-t">
+          <div className="flex justify-between items-center mb-2">
+            <h3 className="text-sm font-bold text-gray-700">월별 예측수량</h3>
+            <div className="flex gap-2">
+              <Button size="sm" variant="secondary" onClick={addPredictRow}>
+                추가
+              </Button>
+            </div>
+          </div>
+          <div className="border rounded overflow-auto">
+            <table className="w-full text-xs" style={{ tableLayout: "fixed" }}>
+              <colgroup>
+                <col style={{ width: "70px" }} />
+                <col style={{ width: "220px" }} />
+                <col style={{ width: "140px" }} />
+                <col style={{ width: "100px" }} />
+                <col />
+                <col style={{ width: "70px" }} />
+              </colgroup>
+              <thead className="bg-gray-50 text-gray-600">
+                <tr>
+                  <th className="px-1 py-1 text-center">월</th>
+                  <th className="px-1 py-1 text-center">프로젝트번호</th>
+                  <th className="px-1 py-1 text-center">사용처</th>
+                  <th className="px-1 py-1 text-center">소요수량</th>
+                  <th className="px-1 py-1 text-center">비고</th>
+                  <th className="px-1 py-1 text-center">삭제</th>
+                </tr>
+              </thead>
+              <tbody>
+                {predicts.length === 0 ? (
+                  <tr>
+                    <td colSpan={6} className="py-4 text-center text-gray-400">
+                      행이 없습니다. 추가 버튼을 눌러주세요.
+                    </td>
+                  </tr>
+                ) : (
+                  predicts.map((r, idx) => (
+                    <tr key={idx} className="border-t">
+                      <td className="px-1 py-1">
+                        <select
+                          value={r.MONTH || ""}
+                          onChange={(e) => updatePredict(idx, "MONTH", e.target.value)}
+                          className="h-9 w-full rounded border border-gray-300 bg-white px-2 text-sm"
+                        >
+                          {Array.from({ length: 12 }, (_, i) => i + 1).map((m) => (
+                            <option key={m} value={String(m)}>
+                              {m}월
+                            </option>
+                          ))}
+                        </select>
+                      </td>
+                      <td className="px-1 py-1">
+                        <SearchableSelect
+                          options={projectOptions}
+                          value={r.CONTRACT_OBJID || ""}
+                          onChange={(v) => updatePredict(idx, "CONTRACT_OBJID", v)}
+                          placeholder="(전체)"
+                        />
+                      </td>
+                      <td className="px-1 py-1">
+                        <Input
+                          value={r.USE_PLACE || ""}
+                          onChange={(e) => updatePredict(idx, "USE_PLACE", e.target.value)}
+                        />
+                      </td>
+                      <td className="px-1 py-1">
+                        <Input
+                          type="number"
+                          value={r.QTY || ""}
+                          onChange={(e) => updatePredict(idx, "QTY", e.target.value)}
+                        />
+                      </td>
+                      <td className="px-1 py-1">
+                        <Input value={r.NOTE || ""} onChange={(e) => updatePredict(idx, "NOTE", e.target.value)} />
+                      </td>
+                      <td className="px-1 py-1 text-center">
+                        <Button size="sm" variant="danger" onClick={() => removePredict(idx)}>
+                          X
+                        </Button>
+                      </td>
+                    </tr>
+                  ))
+                )}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      )}
+
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button
+          onClick={isStandard ? saveStandard : isInput ? saveInput : savePredict}
+          disabled={loading}
+        >
+          {loading ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+function Field({
+  label,
+  required,
+  children,
+  span,
+}: {
+  label: string;
+  required?: boolean;
+  children: React.ReactNode;
+  span?: number;
+}) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <StockForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/purchase/supplier/form/page.tsx b/src/app/purchase/supplier/form/page.tsx
new file mode 100644
index 0000000..042f754
--- /dev/null
+++ b/src/app/purchase/supplier/form/page.tsx
@@ -0,0 +1,362 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+// 원본: /admin/supplyRegistPopUp.do — 공급업체 등록/수정 팝업 (admin_supply_mng + supply_charger_mng)
+
+interface Charger {
+  OBJID?: string;
+  CHARGER_TYPE?: string;
+  CHARGER_NAME?: string;
+  PHONE?: string;
+  TEL?: string;
+  FAX?: string;
+  EMAIL?: string;
+}
+
+const EMPTY_CHARGER: Charger = {
+  CHARGER_TYPE: "",
+  CHARGER_NAME: "",
+  PHONE: "",
+  TEL: "",
+  FAX: "",
+  EMAIL: "",
+};
+
+function SupplierForm() {
+  const searchParams = useSearchParams();
+  const objid = searchParams.get("objid") || searchParams.get("objId") || "";
+  const isNew = !objid;
+
+  const [form, setForm] = useState<Record<string, string>>({
+    supply_code: "",
+    supply_name: "",
+    bus_reg_no: "",
+    supply_busname: "",
+    supply_stockname: "",
+    charge_user_name: "",
+    supply_address: "",
+    supply_tel_no: "",
+    supply_fax_no: "",
+    email: "",
+    area_cd: "",
+  });
+  const [chargers, setChargers] = useState<Charger[]>([]);
+  const [checkedIdx, setCheckedIdx] = useState<Set<number>>(new Set());
+  const [loading, setLoading] = useState(false);
+
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (!objid) return;
+    fetch("/api/admin/supply/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objid }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (!d.success) return;
+        const info = d.info || {};
+        setForm({
+          supply_code: String(info.SUPPLY_CODE || ""),
+          supply_name: String(info.SUPPLY_NAME || ""),
+          bus_reg_no: String(info.BUS_REG_NO || ""),
+          supply_busname: String(info.SUPPLY_BUSNAME || ""),
+          supply_stockname: String(info.SUPPLY_STOCKNAME || ""),
+          charge_user_name: String(info.CHARGE_USER_NAME || ""),
+          supply_address: String(info.SUPPLY_ADDRESS || ""),
+          supply_tel_no: String(info.SUPPLY_TEL_NO || ""),
+          supply_fax_no: String(info.SUPPLY_FAX_NO || ""),
+          email: String(info.EMAIL || ""),
+          area_cd: String(info.AREA_CD || ""),
+        });
+        setChargers((d.chargers || []) as Charger[]);
+      })
+      .catch(() => {});
+  }, [objid]);
+
+  const addCharger = () => setChargers((prev) => [...prev, { ...EMPTY_CHARGER }]);
+  const updateCharger = (idx: number, key: keyof Charger, value: string) => {
+    setChargers((prev) => prev.map((c, i) => (i === idx ? { ...c, [key]: value } : c)));
+  };
+  const removeCheckedChargers = () => {
+    if (checkedIdx.size === 0) {
+      Swal.fire("알림", "삭제할 담당자를 선택하세요.", "warning");
+      return;
+    }
+    setChargers((prev) => prev.filter((_, i) => !checkedIdx.has(i)));
+    setCheckedIdx(new Set());
+  };
+  const toggleCheck = (idx: number) => {
+    setCheckedIdx((prev) => {
+      const next = new Set(prev);
+      if (next.has(idx)) next.delete(idx);
+      else next.add(idx);
+      return next;
+    });
+  };
+
+  const handleSave = async () => {
+    if (!form.supply_code) {
+      Swal.fire("알림", "구분을 선택하세요.", "warning");
+      return;
+    }
+    if (!form.supply_name) {
+      Swal.fire("알림", "고객명을 입력하세요.", "warning");
+      return;
+    }
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/admin/supply/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          objid: objid || undefined,
+          ...form,
+          chargers: chargers.map((c) => ({
+            charger_type: c.CHARGER_TYPE || "",
+            charger_name: c.CHARGER_NAME || "",
+            phone: c.PHONE || "",
+            tel: c.TEL || "",
+            fax: c.FAX || "",
+            email: c.EMAIL || "",
+          })),
+        }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({
+          icon: "success",
+          title: data.message || "저장되었습니다.",
+          timer: 1500,
+          showConfirmButton: false,
+        });
+        if (window.opener) {
+          try {
+            window.opener.location.reload();
+          } catch {}
+        }
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "공급업체 등록" : "공급업체 수정"}
+      </h2>
+
+      <div className="grid grid-cols-4 gap-x-3 gap-y-3 text-sm">
+        <FormField label="구분" required>
+          <SearchableCodeSelect
+            codeId="0000167"
+            value={form.supply_code}
+            onChange={(v) => set("supply_code", v)}
+            placeholder="선택"
+          />
+        </FormField>
+        <FormField label="고객명" required>
+          <Input value={form.supply_name} onChange={(e) => set("supply_name", e.target.value)} />
+        </FormField>
+        <FormField label="사업자번호">
+          <Input value={form.bus_reg_no} onChange={(e) => set("bus_reg_no", e.target.value)} />
+        </FormField>
+        <FormField label="대표자명">
+          <Input value={form.charge_user_name} onChange={(e) => set("charge_user_name", e.target.value)} />
+        </FormField>
+
+        <FormField label="업태">
+          <Input value={form.supply_busname} onChange={(e) => set("supply_busname", e.target.value)} />
+        </FormField>
+        <FormField label="업종" span={3}>
+          <Input value={form.supply_stockname} onChange={(e) => set("supply_stockname", e.target.value)} />
+        </FormField>
+
+        <FormField label="주소" span={4}>
+          <Input value={form.supply_address} onChange={(e) => set("supply_address", e.target.value)} />
+        </FormField>
+
+        <FormField label="전화번호">
+          <Input value={form.supply_tel_no} onChange={(e) => set("supply_tel_no", e.target.value)} />
+        </FormField>
+        <FormField label="팩스">
+          <Input value={form.supply_fax_no} onChange={(e) => set("supply_fax_no", e.target.value)} />
+        </FormField>
+        <FormField label="이메일">
+          <Input type="email" value={form.email} onChange={(e) => set("email", e.target.value)} />
+        </FormField>
+        <FormField label="지역">
+          <SearchableCodeSelect
+            codeId="0000172"
+            value={form.area_cd}
+            onChange={(v) => set("area_cd", v)}
+            placeholder="선택"
+          />
+        </FormField>
+      </div>
+
+      <div className="mt-5 pt-3 border-t">
+        <div className="flex items-center justify-between mb-2">
+          <h3 className="text-sm font-bold text-gray-700">담당자</h3>
+          <div className="flex gap-2">
+            <Button size="sm" variant="secondary" onClick={addCharger}>
+              담당자추가
+            </Button>
+            <Button size="sm" variant="danger" onClick={removeCheckedChargers}>
+              담당자삭제
+            </Button>
+          </div>
+        </div>
+
+        <div className="border border-gray-200 rounded overflow-hidden">
+          <table className="w-full text-sm" style={{ tableLayout: "fixed" }}>
+            <colgroup>
+              <col style={{ width: "40px" }} />
+              <col style={{ width: "140px" }} />
+              <col style={{ width: "140px" }} />
+              <col style={{ width: "140px" }} />
+              <col style={{ width: "140px" }} />
+              <col style={{ width: "140px" }} />
+              <col />
+            </colgroup>
+            <thead className="bg-gray-50 text-xs text-gray-600">
+              <tr>
+                <th className="px-2 py-2 text-center">
+                  <input
+                    type="checkbox"
+                    checked={chargers.length > 0 && checkedIdx.size === chargers.length}
+                    onChange={(e) =>
+                      setCheckedIdx(
+                        e.target.checked ? new Set(chargers.map((_, i) => i)) : new Set()
+                      )
+                    }
+                  />
+                </th>
+                <th className="px-2 py-2 text-center">담당구분</th>
+                <th className="px-2 py-2 text-center">담당자명</th>
+                <th className="px-2 py-2 text-center">핸드폰</th>
+                <th className="px-2 py-2 text-center">전화</th>
+                <th className="px-2 py-2 text-center">팩스</th>
+                <th className="px-2 py-2 text-center">이메일</th>
+              </tr>
+            </thead>
+            <tbody>
+              {chargers.length === 0 ? (
+                <tr>
+                  <td colSpan={7} className="px-2 py-6 text-center text-gray-400 text-xs">
+                    담당자가 없습니다. &ldquo;담당자추가&rdquo; 버튼을 눌러주세요.
+                  </td>
+                </tr>
+              ) : (
+                chargers.map((c, idx) => (
+                  <tr key={idx} className="border-t">
+                    <td className="px-2 py-1 text-center">
+                      <input
+                        type="checkbox"
+                        checked={checkedIdx.has(idx)}
+                        onChange={() => toggleCheck(idx)}
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <CodeSelect
+                        codeId="0000329"
+                        value={c.CHARGER_TYPE || ""}
+                        onChange={(v) => updateCharger(idx, "CHARGER_TYPE", v)}
+                        className="w-full"
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input
+                        value={c.CHARGER_NAME || ""}
+                        onChange={(e) => updateCharger(idx, "CHARGER_NAME", e.target.value)}
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input
+                        value={c.PHONE || ""}
+                        onChange={(e) => updateCharger(idx, "PHONE", e.target.value)}
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input
+                        value={c.TEL || ""}
+                        onChange={(e) => updateCharger(idx, "TEL", e.target.value)}
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input
+                        value={c.FAX || ""}
+                        onChange={(e) => updateCharger(idx, "FAX", e.target.value)}
+                      />
+                    </td>
+                    <td className="px-1 py-1">
+                      <Input
+                        type="email"
+                        value={c.EMAIL || ""}
+                        onChange={(e) => updateCharger(idx, "EMAIL", e.target.value)}
+                      />
+                    </td>
+                  </tr>
+                ))
+              )}
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div className="flex justify-end gap-2 mt-5 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? "저장 중..." : "저장"}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>
+          닫기
+        </Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({
+  label,
+  required,
+  children,
+  span,
+}: {
+  label: string;
+  required?: boolean;
+  children: React.ReactNode;
+  span?: number;
+}) {
+  const cls = span === 4 ? "col-span-4" : span === 3 ? "col-span-3" : span === 2 ? "col-span-2" : "";
+  return (
+    <div className={cls}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <SupplierForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/sales/contract/form/page.tsx b/src/app/sales/contract/form/page.tsx
new file mode 100644
index 0000000..f615335
--- /dev/null
+++ b/src/app/sales/contract/form/page.tsx
@@ -0,0 +1,629 @@
+"use client";
+
+import { useState, useEffect, Suspense, useCallback, useRef } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+import { numberWithCommas, cn } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+interface AttachedFile {
+  OBJID: string;
+  REAL_FILE_NAME: string;
+  DOC_TYPE: string;
+  FILE_SIZE: string;
+  REGDATE: string;
+  WRITER_NAME: string;
+}
+
+// 단일 첨부 DropZone + 파일 리스트 (원본 contractMgmt01/02 대응)
+function FileDropZone({
+  title, targetObjId, docType, docTypeName, files, onChanged, disabled,
+}: {
+  title: string;
+  targetObjId: string;
+  docType: string;
+  docTypeName: string;
+  files: AttachedFile[];
+  onChanged: () => void;
+  disabled?: boolean;
+}) {
+  const [dragOver, setDragOver] = useState(false);
+  const [uploading, setUploading] = useState(false);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const totalBytes = files.reduce((s, f) => s + (parseInt(f.FILE_SIZE || "0", 10) || 0), 0);
+  const sizeStr = totalBytes > 1024 * 1024
+    ? `${(totalBytes / 1024 / 1024).toFixed(1)}MB`
+    : totalBytes > 1024
+      ? `${(totalBytes / 1024).toFixed(1)}KB`
+      : `${totalBytes}B`;
+
+  const doUpload = async (fileList: FileList | null) => {
+    if (!fileList || fileList.length === 0) return;
+    if (disabled) return;
+    const BAD = /[#%&*+[\]]/;
+    const BAD_EXT = /\.(jsp|bat|exe|php|js|sql)$/i;
+    for (let i = 0; i < fileList.length; i++) {
+      if (BAD.test(fileList[i].name)) { Swal.fire("알림", "파일명에 허용되지 않은 특수문자(#,%,&,*,+,[,])가 있습니다.", "warning"); return; }
+      if (BAD_EXT.test(fileList[i].name)) { Swal.fire("알림", "허용되지 않은 확장자입니다.", "warning"); return; }
+    }
+    const r = await Swal.fire({
+      title: `${fileList.length}개 파일을 업로드하시겠습니까?`,
+      icon: "question", showCancelButton: true,
+      confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    setUploading(true);
+    try {
+      for (let i = 0; i < fileList.length; i++) {
+        const fd = new FormData();
+        fd.append("file", fileList[i]);
+        fd.append("targetObjId", targetObjId);
+        fd.append("docType", docType);
+        fd.append("docTypeName", docTypeName);
+        const res = await fetch("/api/common/file-upload", { method: "POST", body: fd });
+        if (!res.ok) throw new Error(`업로드 실패: ${fileList[i].name}`);
+      }
+      onChanged();
+    } catch (e) {
+      Swal.fire("오류", e instanceof Error ? e.message : "업로드 실패", "error");
+    } finally {
+      setUploading(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  };
+
+  const doDelete = async (fileObjId: string) => {
+    const r = await Swal.fire({
+      title: "파일을 삭제하시겠습니까?",
+      icon: "warning", showCancelButton: true,
+      confirmButtonText: "삭제", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/common/files/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: [fileObjId] }),
+    });
+    const j = await res.json();
+    if (j.success) onChanged();
+    else Swal.fire("오류", j.message || "삭제 실패", "error");
+  };
+
+  return (
+    <div className="border border-gray-300 rounded bg-white overflow-hidden flex flex-col h-full">
+      <div className="bg-gray-50 px-2 py-1 border-b text-xs font-semibold text-gray-700 flex items-center justify-between shrink-0">
+        <span>{title}</span>
+        <span className="text-[10px] text-gray-500">{files.length} File · {sizeStr}</span>
+      </div>
+
+      <div
+        className={cn(
+          "flex items-center justify-center border-2 border-dashed m-2 rounded text-xs text-gray-500 transition-colors shrink-0",
+          dragOver ? "border-blue-400 bg-blue-50" : "border-gray-300",
+          disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-gray-50"
+        )}
+        style={{ height: 80 }}
+        onClick={() => !disabled && inputRef.current?.click()}
+        onDragEnter={(e) => { e.preventDefault(); if (!disabled) setDragOver(true); }}
+        onDragLeave={(e) => { e.preventDefault(); setDragOver(false); }}
+        onDragOver={(e) => { e.preventDefault(); }}
+        onDrop={(e) => {
+          e.preventDefault(); setDragOver(false);
+          if (!disabled) doUpload(e.dataTransfer.files);
+        }}
+      >
+        {uploading ? "업로드 중..." : disabled ? "저장 후 파일 첨부 가능" : "DRAG & DROP · 클릭하여 선택"}
+      </div>
+
+      <input
+        ref={inputRef}
+        type="file"
+        multiple
+        className="hidden"
+        onChange={(e) => doUpload(e.target.files)}
+      />
+
+      <div className="flex-1 overflow-y-auto border-t min-h-0">
+        {files.length === 0 ? (
+          <div className="p-3 text-center text-[11px] text-gray-400">첨부된 파일이 없습니다.</div>
+        ) : (
+          <table className="w-full text-[11px]">
+            <tbody>
+              {files.map((f) => (
+                <tr key={f.OBJID} className="border-b hover:bg-gray-50">
+                  <td className="p-1 px-2">
+                    <a
+                      href={`/api/common/files/download?objId=${f.OBJID}&fileName=${encodeURIComponent(f.REAL_FILE_NAME)}`}
+                      className="text-blue-600 hover:underline"
+                      target="_blank" rel="noreferrer"
+                    >
+                      {f.REAL_FILE_NAME}
+                    </a>
+                  </td>
+                  <td className="p-1 px-2 w-8 text-right">
+                    <button
+                      type="button"
+                      onClick={() => doDelete(f.OBJID)}
+                      className="text-red-500 hover:text-red-700"
+                      title="삭제"
+                    >×</button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        )}
+      </div>
+    </div>
+  );
+}
+
+// 영업관리 > 계약관리 등록/수정 (원본: contractMgmt/contracMgmtFormPopup.jsp)
+// 수주(0000964) 전환 시 서버가 프로젝트 자동 생성 + WBS 자동 연결
+function ContractForm() {
+  const searchParams = useSearchParams();
+  const urlObjId = searchParams.get("objId") || searchParams.get("objid") || "";
+  const isNew = !urlObjId;
+
+  // 신규 등록 시 클라이언트에서 objid 선발급 → 저장 전에도 파일 첨부 가능
+  const [localObjId] = useState(() => urlObjId || `${Date.now()}${Math.floor(Math.random() * 1000)}`);
+  const objId = urlObjId || localObjId;
+
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [customers, setCustomers] = useState<{ value: string; label: string }[]>([]);
+  const [pmUsers, setPmUsers] = useState<{ value: string; label: string }[]>([]);
+  const [projects, setProjects] = useState<{ value: string; label: string }[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [isLocked, setIsLocked] = useState(false); // 수주 완료 후 잠금
+  const [files, setFiles] = useState<AttachedFile[]>([]);
+
+  const loadFiles = useCallback(async () => {
+    if (!objId) { setFiles([]); return; }
+    const res = await fetch("/api/common/files", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      setFiles((j.files || []) as AttachedFile[]);
+    }
+  }, [objId]);
+  useEffect(() => { loadFiles(); }, [loadFiles]);
+
+  const files01 = files.filter((f) => f.DOC_TYPE === "contractMgmt01");
+  const files02 = files.filter((f) => f.DOC_TYPE === "contractMgmt02");
+
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    fetch("/api/sales/customer", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setCustomers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.OBJID || ""), label: String(r.SUPPLY_NAME || ""),
+      })))).catch(() => {});
+    fetch("/api/admin/users", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setPmUsers((d.RESULTLIST || []).map((r: Record<string, unknown>) => ({
+        value: String(r.USER_ID || ""), label: String(r.USER_NAME || ""),
+      })))).catch(() => {});
+    fetch("/api/sales/contract/projects", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => setProjects(((d.rows || []) as Record<string, unknown>[]).map((r) => ({
+        value: String(r.CODE || ""), label: String(r.NAME || ""),
+      })))).catch(() => {});
+  }, []);
+
+  const loadDetail = useCallback(async () => {
+    if (!objId) return;
+    const res = await fetch("/api/sales/contract/detail", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const d = await res.json();
+    if (d.success && d.data) {
+      const info = d.data as Record<string, unknown>;
+      setForm({
+        objId: String(info.OBJID || ""),
+        contract_no: String(info.CONTRACT_NO || ""),
+        category_cd: String(info.CATEGORY_CD || ""),
+        area_cd: String(info.AREA_CD || ""),
+        customer_objid: String(info.CUSTOMER_OBJID || ""),
+        product: String(info.PRODUCT || ""),
+        mechanical_type: String(info.MECHANICAL_TYPE || ""),
+        customer_project_name: String(info.CUSTOMER_PROJECT_NAME || ""),
+        due_date: String(info.DUE_DATE || ""),
+        location: String(info.LOCATION || ""),
+        setup: String(info.SETUP || ""),
+        facility: String(info.FACILITY || ""),
+        facility_qty: String(info.FACILITY_QTY || ""),
+        facility_type: String(info.FACILITY_TYPE || ""),
+        facility_depth: String(info.FACILITY_DEPTH || ""),
+        contract_result: String(info.CONTRACT_RESULT || ""),
+        contract_date: String(info.CONTRACT_DATE || ""),
+        po_no: String(info.PO_NO || ""),
+        pm_user_id: String(info.PM_USER_ID || ""),
+        contract_currency: String(info.CONTRACT_CURRENCY || ""),
+        contract_price_currency: String(info.CONTRACT_PRICE_CURRENCY || ""),
+        contract_price: String(info.CONTRACT_PRICE || ""),
+        project_name: String(info.PROJECT_NAME || ""),
+        contract_del_date: String(info.CONTRACT_DEL_DATE || ""),
+        req_del_date: String(info.REQ_DEL_DATE || ""),
+        contract_company: String(info.CONTRACT_COMPANY || ""),
+        manufacture_plant: String(info.MANUFACTURE_PLANT || ""),
+        target_project_no: String(info.TARGET_PROJECT_NO || ""),
+        target_project_no_direct: String(info.TARGET_PROJECT_NO_DIRECT || ""),
+        customer_production_no: String(info.CUSTOMER_PRODUCTION_NO || ""),
+        overhaul_order: String(info.OVERHAUL_ORDER || ""),
+      });
+      if (info.CONTRACT_RESULT === "0000964") setIsLocked(true);
+    }
+  }, [objId]);
+
+  useEffect(() => { loadDetail(); }, [loadDetail]);
+
+  // 오버홀(0000170)·개조(0000171)·MRO(0001790)
+  const isOverhaul = ["0000170", "0000171", "0001790"].includes(form.category_cd || "");
+
+  const setNumeric = (k: string, raw: string) => {
+    const clean = raw.replace(/[^0-9]/g, "");
+    set(k, clean);
+  };
+  const displayNumeric = (v: string) => {
+    if (!v) return "";
+    const n = parseFloat(v);
+    return isNaN(n) ? v : numberWithCommas(n);
+  };
+
+  const validate = (): string | null => {
+    if (!form.category_cd) return "계약구분";
+    if (!form.area_cd) return "국내/해외";
+    if (!form.customer_objid) return "고객사";
+    if (!form.product) return "제품구분";
+    if (!form.mechanical_type) return "기계형식";
+    if (!form.customer_project_name) return "고객사 프로젝트명";
+    if (!form.due_date) return "예상납기일";
+    if (!form.location) return "입고지";
+    if (!form.setup) return "셋업지";
+    if (!form.facility) return "설비방향";
+    if (!form.facility_qty) return "설비대수";
+    if (!form.facility_type) return "설비타입";
+    if (!form.facility_depth) return "설비길이";
+    if (isOverhaul && !form.target_project_no_direct) return "대상프로젝트번호";
+    if (isOverhaul && !form.overhaul_order) return "차수";
+    return null;
+  };
+
+  const handleSave = async () => {
+    const miss = validate();
+    if (miss) {
+      Swal.fire("알림", `${miss} 항목을 입력하세요.`, "warning");
+      return;
+    }
+    const message = isNew ? "등록" : "수정";
+    const willAward = form.contract_result === "0000964";
+    const confirmText = willAward
+      ? `${message}하시겠습니까?\n\n※ 수주 상태로 저장하면 설비대수(${form.facility_qty || 1}건)만큼 프로젝트가 자동 생성되고 WBS가 연결됩니다.`
+      : `${message}하시겠습니까?`;
+
+    const r = await Swal.fire({
+      title: confirmText, icon: "question",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/sales/contract/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message, timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-3 bg-gray-50">
+      <h2 className="text-sm font-bold text-gray-800 mb-2 flex items-center gap-1">
+        <span className="text-blue-500">●</span> 영업관리_계약관리 {isNew ? "등록" : `수정 — ${form.contract_no || ""}`}
+      </h2>
+
+      {/* ========== 행 1: 영업등록 정보 + 영업정보 첨부 ========== */}
+      <div className="flex items-stretch gap-2 mb-2">
+        <div className="flex-1 min-w-0 bg-white border rounded p-2">
+          <h4 className="text-xs font-bold text-gray-700 mb-1 border-b pb-1">영업등록 정보입력</h4>
+        <table className="w-full text-xs border-collapse">
+          <colgroup>
+            <col className="w-[120px]" />
+            <col />
+            <col className="w-[120px]" />
+            <col />
+          </colgroup>
+          <tbody>
+            <tr>
+              <Th label="계약구분" required />
+              <Td>
+                <SearchableCodeSelect codeId="0000167" value={form.category_cd || ""} onChange={(v) => set("category_cd", v)}
+                  disabled={isLocked} className="[&_input]:h-7" />
+              </Td>
+              <Th label="국내/해외" required />
+              <Td>
+                <SearchableCodeSelect codeId="0001219" value={form.area_cd || ""} onChange={(v) => set("area_cd", v)}
+                  disabled={isLocked} className="[&_input]:h-7" />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="대상프로젝트번호" required={isOverhaul} />
+              <Td>
+                {isOverhaul ? (
+                  // 오버홀/개조/MRO: 직접 입력
+                  <Input className="h-7" value={form.target_project_no_direct || ""}
+                    onChange={(e) => set("target_project_no_direct", e.target.value)}
+                    readOnly={isLocked}
+                    placeholder="오버홀/개조/MRO 대상 프로젝트번호 직접 입력" />
+                ) : (
+                  // 개발 등: 기존 프로젝트에서 선택 (검색 가능)
+                  <SearchableSelect
+                    options={projects}
+                    value={form.target_project_no || ""}
+                    onChange={(v) => set("target_project_no", v)}
+                    disabled={isLocked}
+                    className="[&_input]:h-7"
+                  />
+                )}
+              </Td>
+              <Th label="차수" required={isOverhaul} />
+              <Td>
+                <Input className="h-7" type="number" value={form.overhaul_order || ""}
+                  onChange={(e) => set("overhaul_order", e.target.value)}
+                  readOnly={isLocked || !isOverhaul} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="타사제작번호" />
+              <Td>
+                <Input className="h-7" value={form.customer_production_no || ""}
+                  onChange={(e) => set("customer_production_no", e.target.value)} />
+              </Td>
+              <Th label="고객사" required />
+              <Td>
+                <SearchableSelect
+                  options={customers}
+                  value={form.customer_objid || ""}
+                  onChange={(v) => set("customer_objid", v)}
+                  disabled={isLocked}
+                  className="[&_input]:h-7"
+                />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="제품구분" required />
+              <Td>
+                <SearchableCodeSelect codeId="0000001" value={form.product || ""} onChange={(v) => set("product", v)}
+                  disabled={isLocked} className="[&_input]:h-7" />
+              </Td>
+              <Th label="기계형식" required />
+              <Td>
+                <Input className="h-7" value={form.mechanical_type || ""}
+                  onChange={(e) => set("mechanical_type", e.target.value)} readOnly={isLocked} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="예상납기일" required />
+              <Td>
+                <Input className="h-7" type="date" value={form.due_date || ""} onChange={(e) => set("due_date", e.target.value)} />
+              </Td>
+              <Th label="고객사 프로젝트명" required />
+              <Td>
+                <Input className="h-7" value={form.customer_project_name || ""}
+                  onChange={(e) => set("customer_project_name", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="입고지" required />
+              <Td>
+                <Input className="h-7" value={form.location || ""} onChange={(e) => set("location", e.target.value)} />
+              </Td>
+              <Th label="셋업지" required />
+              <Td>
+                <Input className="h-7" value={form.setup || ""} onChange={(e) => set("setup", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="설비방향" required />
+              <Td>
+                <SearchableCodeSelect codeId="0000959" value={form.facility || ""} onChange={(v) => set("facility", v)} className="[&_input]:h-7" />
+              </Td>
+              <Th label="설비대수" required />
+              <Td>
+                <Input className="h-7 text-right" type="text" inputMode="numeric" maxLength={2}
+                  value={displayNumeric(form.facility_qty || "")}
+                  onChange={(e) => setNumeric("facility_qty", e.target.value)}
+                  readOnly={isLocked} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="설비타입" required />
+              <Td>
+                <Input className="h-7" value={form.facility_type || ""}
+                  onChange={(e) => set("facility_type", e.target.value)} />
+              </Td>
+              <Th label="설비길이(m)" required />
+              <Td>
+                <Input className="h-7" value={form.facility_depth || ""}
+                  onChange={(e) => set("facility_depth", e.target.value)} />
+              </Td>
+            </tr>
+          </tbody>
+        </table>
+        </div>
+
+        {/* 영업정보 첨부파일 (행 1 오른쪽) */}
+        <aside className="w-[380px] shrink-0">
+          <FileDropZone
+            title="영업정보 첨부파일"
+            targetObjId={objId}
+            docType="contractMgmt01"
+            docTypeName="contractMgmt01"
+            files={files01}
+            onChanged={loadFiles}
+            disabled={isLocked}
+          />
+        </aside>
+      </div>
+
+      {/* ========== 행 2: 수주정보 + 수주결과 첨부 ========== */}
+      <div className="flex items-stretch gap-2 mb-2">
+        <div className="flex-1 min-w-0 bg-white border rounded p-2">
+          <h4 className="text-xs font-bold text-gray-700 mb-1 border-b pb-1">수주정보</h4>
+        <table className="w-full text-xs border-collapse">
+          <colgroup>
+            <col className="w-[120px]" />
+            <col />
+            <col className="w-[120px]" />
+            <col />
+          </colgroup>
+          <tbody>
+            <tr>
+              <Th label="수주결과" />
+              <Td>
+                <SearchableCodeSelect codeId="0000963" value={form.contract_result || ""}
+                  onChange={(v) => set("contract_result", v)} className="[&_input]:h-7" />
+              </Td>
+              <Th label="수주일" />
+              <Td>
+                <Input className="h-7" type="date" value={form.contract_date || ""}
+                  onChange={(e) => set("contract_date", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="PO No." />
+              <Td>
+                <Input className="h-7" value={form.po_no || ""} onChange={(e) => set("po_no", e.target.value)} />
+              </Td>
+              <Th label="PM" />
+              <Td>
+                <SearchableSelect
+                  options={pmUsers}
+                  value={form.pm_user_id || ""}
+                  onChange={(v) => set("pm_user_id", v)}
+                  className="[&_input]:h-7"
+                />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="통화" />
+              <Td>
+                <SearchableCodeSelect codeId="0001533" value={form.contract_currency || ""}
+                  onChange={(v) => set("contract_currency", v)} className="[&_input]:h-7" />
+              </Td>
+              <Th label="수주가(통화)" />
+              <Td>
+                <Input className="h-7 text-right" inputMode="numeric"
+                  value={displayNumeric(form.contract_price_currency || "")}
+                  onChange={(e) => setNumeric("contract_price_currency", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="원화환산금액" />
+              <Td>
+                <Input className="h-7 text-right" inputMode="numeric"
+                  value={displayNumeric(form.contract_price || "")}
+                  onChange={(e) => setNumeric("contract_price", e.target.value)} />
+              </Td>
+              <Th label="당사 프로젝트명" />
+              <Td>
+                <Input className="h-7" value={form.project_name || ""}
+                  onChange={(e) => set("project_name", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="계약납기" />
+              <Td>
+                <Input className="h-7" type="date" value={form.contract_del_date || ""}
+                  onChange={(e) => set("contract_del_date", e.target.value)} />
+              </Td>
+              <Th label="요청납기" />
+              <Td>
+                <Input className="h-7" type="date" value={form.req_del_date || ""}
+                  onChange={(e) => set("req_del_date", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="수주회사" />
+              <Td>
+                <SearchableCodeSelect codeId="0001098" value={form.contract_company || ""}
+                  onChange={(v) => set("contract_company", v)} className="[&_input]:h-7" />
+              </Td>
+              <Th label="제작공장" />
+              <Td>
+                <SearchableCodeSelect codeId="0001101" value={form.manufacture_plant || ""}
+                  onChange={(v) => set("manufacture_plant", v)} className="[&_input]:h-7" />
+              </Td>
+            </tr>
+          </tbody>
+        </table>
+        </div>
+
+        {/* 수주결과 첨부파일 (행 2 오른쪽) */}
+        <aside className="w-[380px] shrink-0">
+          <FileDropZone
+            title="수주결과 첨부파일"
+            targetObjId={objId}
+            docType="contractMgmt02"
+            docTypeName="contractMgmt02"
+            files={files02}
+            onChanged={loadFiles}
+            disabled={isLocked}
+          />
+        </aside>
+      </div>
+
+      {form.contract_result === "0000964" && (
+        <div className="bg-yellow-50 border border-yellow-300 text-yellow-900 text-xs rounded p-2 mb-3">
+          ⚠ 수주 상태로 저장하면 <b>설비대수({form.facility_qty || 1}건)</b>만큼 프로젝트가 자동 생성되고 기계형식 <b>{form.mechanical_type || "—"}</b> 템플릿의 WBS가 자동 연결됩니다.
+        </div>
+      )}
+
+      <div className="flex justify-center gap-2 mt-3">
+        <Button onClick={handleSave} disabled={loading}>
+          {loading ? "저장 중..." : (isNew ? "저장" : "수정")}
+        </Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function Th({ label, required }: { label: string; required?: boolean }) {
+  return (
+    <th className="bg-[#5c6d97] text-white font-medium text-center py-1 px-2 border border-white whitespace-nowrap">
+      {label}
+      {required && <span className="text-red-300 ml-1">*</span>}
+    </th>
+  );
+}
+function Td({ children }: { children: React.ReactNode }) {
+  return <td className="border border-gray-200 p-[3px] align-middle">{children}</td>;
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ContractForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/sales/customer/form/page.tsx b/src/app/sales/customer/form/page.tsx
new file mode 100644
index 0000000..21ea67b
--- /dev/null
+++ b/src/app/sales/customer/form/page.tsx
@@ -0,0 +1,228 @@
+"use client";
+
+import { useState, useEffect, Suspense, useCallback } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableCodeSelect } from "@/components/ui/searchable-code-select";
+import Swal from "sweetalert2";
+
+// 영업관리 > 고객 등록/수정 (원본: contractMgmt/supplyRegistPopUp.jsp)
+function CustomerForm() {
+  const searchParams = useSearchParams();
+  const objid = searchParams.get("objid") || searchParams.get("objId") || "";
+  const isNew = !objid;
+
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const loadDetail = useCallback(async () => {
+    if (!objid) return;
+    const res = await fetch("/api/sales/customer/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objid }),
+    });
+    const json = await res.json();
+    if (json.success && json.data) {
+      const d = json.data as Record<string, unknown>;
+      setForm({
+        objid: String(d.OBJID || ""),
+        cus_no: String(d.CUS_NO || ""),
+        supply_code: String(d.SUPPLY_CODE || ""),
+        supply_name: String(d.SUPPLY_NAME || ""),
+        area_cd: String(d.AREA_CD || ""),
+        charge_user_name: String(d.CHARGE_USER_NAME || ""),
+        reg_id: String(d.REG_ID || ""),
+        bus_reg_no: String(d.BUS_REG_NO || ""),
+        reg_no: String(d.REG_NO2 || d.REG_NO || ""),
+        supply_busname: String(d.SUPPLY_BUSNAME || ""),
+        supply_stockname: String(d.SUPPLY_STOCKNAME || ""),
+        supply_address: String(d.SUPPLY_ADDRESS || ""),
+        supply_tel_no: String(d.SUPPLY_TEL_NO || ""),
+        email: String(d.EMAIL || ""),
+        office_no: String(d.OFFICE_NO || ""),
+        supply_fax_no: String(d.SUPPLY_FAX_NO || ""),
+      });
+    }
+  }, [objid]);
+
+  useEffect(() => { loadDetail(); }, [loadDetail]);
+
+  const validate = (): string | null => {
+    if (!form.supply_code) return "구분";
+    if (!form.supply_name) return "고객사명";
+    if (!form.area_cd) return "지역";
+    if (!form.charge_user_name) return "대표자명";
+    if (!form.reg_id) return "실사용자명";
+    return null;
+  };
+
+  const handleSave = async () => {
+    const miss = validate();
+    if (miss) {
+      Swal.fire("알림", `${miss} 항목을 입력하세요.`, "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/sales/customer/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objid: isNew ? "" : objid }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-4 bg-gray-50 min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-3 flex items-center gap-1">
+        <span className="text-blue-500">●</span> 영업관리_고객 등록/수정
+      </h2>
+
+      <div className="bg-white border rounded p-3">
+        <h4 className="text-sm font-bold text-gray-700 mb-2 border-b pb-1">고객정보</h4>
+        <table className="w-full text-xs border-collapse">
+          <colgroup>
+            <col className="w-[120px]" />
+            <col />
+            <col className="w-[120px]" />
+            <col />
+          </colgroup>
+          <tbody>
+            <tr>
+              <ThCell label="구분" required />
+              <TdCell>
+                <SearchableCodeSelect codeId="0001093" value={form.supply_code || ""} onChange={(v) => set("supply_code", v)} className="[&_input]:h-7" />
+              </TdCell>
+              <ThCell label="고객사명" required />
+              <TdCell>
+                <Input className="h-7" value={form.supply_name || ""} onChange={(e) => set("supply_name", e.target.value)} />
+              </TdCell>
+            </tr>
+            <tr>
+              <ThCell label="지역" required />
+              <TdCell>
+                <SearchableCodeSelect codeId="0000172" value={form.area_cd || ""} onChange={(v) => set("area_cd", v)} className="[&_input]:h-7" />
+              </TdCell>
+              <ThCell label="대표자명" required />
+              <TdCell>
+                <Input className="h-7" value={form.charge_user_name || ""} onChange={(e) => set("charge_user_name", e.target.value)} />
+              </TdCell>
+            </tr>
+            <tr>
+              <ThCell label="실사용자명" required />
+              <TdCell>
+                <Input className="h-7" value={form.reg_id || ""} onChange={(e) => set("reg_id", e.target.value)} />
+              </TdCell>
+              <ThCell label="사업자등록번호" />
+              <TdCell>
+                <Input className="h-7" value={form.bus_reg_no || ""} onChange={(e) => set("bus_reg_no", e.target.value)} />
+              </TdCell>
+            </tr>
+            <tr>
+              <ThCell label="법인/주민번호" />
+              <TdCell>
+                <Input className="h-7" value={form.reg_no || ""} onChange={(e) => set("reg_no", e.target.value)} />
+              </TdCell>
+              <ThCell label="업태" />
+              <TdCell>
+                <Input className="h-7" value={form.supply_busname || ""} onChange={(e) => set("supply_busname", e.target.value)} />
+              </TdCell>
+            </tr>
+            <tr>
+              <ThCell label="업종" />
+              <TdCell>
+                <Input className="h-7" value={form.supply_stockname || ""} onChange={(e) => set("supply_stockname", e.target.value)} />
+              </TdCell>
+              <ThCell label="주소" />
+              <TdCell>
+                <Input className="h-7" value={form.supply_address || ""} onChange={(e) => set("supply_address", e.target.value)} />
+              </TdCell>
+            </tr>
+            <tr>
+              <ThCell label="핸드폰" />
+              <TdCell>
+                <Input className="h-7" value={form.supply_tel_no || ""} onChange={(e) => set("supply_tel_no", e.target.value)} />
+              </TdCell>
+              <ThCell label="E-MAIL" />
+              <TdCell>
+                <Input className="h-7" value={form.email || ""} onChange={(e) => set("email", e.target.value)} />
+              </TdCell>
+            </tr>
+            <tr>
+              <ThCell label="OFFICE NO" />
+              <TdCell>
+                <Input className="h-7" value={form.office_no || ""} onChange={(e) => set("office_no", e.target.value)} />
+              </TdCell>
+              <ThCell label="FAX NO" />
+              <TdCell>
+                <Input className="h-7" value={form.supply_fax_no || ""} onChange={(e) => set("supply_fax_no", e.target.value)} />
+              </TdCell>
+            </tr>
+            {!isNew && (
+              <tr>
+                <ThCell label="고객번호" />
+                <TdCell>
+                  <Input className="h-7 bg-gray-50" value={form.cus_no || ""} readOnly />
+                </TdCell>
+                <ThCell label="등록일" />
+                <TdCell>
+                  <Input className="h-7 bg-gray-50" value={form.regdate || ""} readOnly />
+                </TdCell>
+              </tr>
+            )}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="flex justify-center gap-2 mt-4">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function ThCell({ label, required }: { label: string; required?: boolean }) {
+  return (
+    <th className="bg-[#5c6d97] text-white font-medium text-center py-1 px-2 border border-white whitespace-nowrap">
+      {label}
+      {required && <span className="text-red-300 ml-1">*</span>}
+    </th>
+  );
+}
+
+function TdCell({ children }: { children: React.ReactNode }) {
+  return <td className="border border-gray-200 p-[3px] align-middle">{children}</td>;
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <CustomerForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/sales/release/form/page.tsx b/src/app/sales/release/form/page.tsx
new file mode 100644
index 0000000..2ca827a
--- /dev/null
+++ b/src/app/sales/release/form/page.tsx
@@ -0,0 +1,350 @@
+"use client";
+
+import { useState, useEffect, Suspense, useCallback, useRef } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { cn } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+interface AttachedFile {
+  OBJID: string;
+  REAL_FILE_NAME: string;
+  DOC_TYPE: string;
+  FILE_SIZE: string;
+  REGDATE: string;
+  WRITER_NAME: string;
+}
+
+function FileDropZone({
+  title, targetObjId, docType, docTypeName, files, onChanged, disabled,
+}: {
+  title: string;
+  targetObjId: string;
+  docType: string;
+  docTypeName: string;
+  files: AttachedFile[];
+  onChanged: () => void;
+  disabled?: boolean;
+}) {
+  const [dragOver, setDragOver] = useState(false);
+  const [uploading, setUploading] = useState(false);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const doUpload = async (fileList: FileList | null) => {
+    if (!fileList || fileList.length === 0) return;
+    if (disabled) return;
+    const BAD = /[#%&*+[\]]/;
+    const BAD_EXT = /\.(jsp|bat|exe|php|js|sql)$/i;
+    for (let i = 0; i < fileList.length; i++) {
+      if (BAD.test(fileList[i].name)) { Swal.fire("알림", "파일명에 허용되지 않은 특수문자(#,%,&,*,+,[,])가 있습니다.", "warning"); return; }
+      if (BAD_EXT.test(fileList[i].name)) { Swal.fire("알림", "허용되지 않은 확장자입니다.", "warning"); return; }
+    }
+    setUploading(true);
+    try {
+      for (let i = 0; i < fileList.length; i++) {
+        const fd = new FormData();
+        fd.append("file", fileList[i]);
+        fd.append("targetObjId", targetObjId);
+        fd.append("docType", docType);
+        fd.append("docTypeName", docTypeName);
+        const res = await fetch("/api/common/file-upload", { method: "POST", body: fd });
+        if (!res.ok) throw new Error(`업로드 실패: ${fileList[i].name}`);
+      }
+      onChanged();
+    } catch (e) {
+      Swal.fire("오류", e instanceof Error ? e.message : "업로드 실패", "error");
+    } finally {
+      setUploading(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  };
+
+  const doDelete = async (fileObjId: string) => {
+    const r = await Swal.fire({
+      title: "파일을 삭제하시겠습니까?",
+      icon: "warning", showCancelButton: true,
+      confirmButtonText: "삭제", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/common/files/delete", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objIds: [fileObjId] }),
+    });
+    const j = await res.json();
+    if (j.success) onChanged(); else Swal.fire("오류", j.message || "삭제 실패", "error");
+  };
+
+  return (
+    <div className="border border-gray-300 rounded bg-white overflow-hidden">
+      <div className="bg-gray-50 px-2 py-1 border-b text-xs font-semibold text-gray-700 flex items-center justify-between">
+        <span>{title}</span>
+        <span className="text-[10px] text-gray-500">{files.length} File</span>
+      </div>
+      <div
+        className={cn(
+          "flex items-center justify-center border-2 border-dashed m-2 rounded text-xs text-gray-500 transition-colors",
+          dragOver ? "border-blue-400 bg-blue-50" : "border-gray-300",
+          disabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-gray-50"
+        )}
+        style={{ height: 50 }}
+        onClick={() => !disabled && inputRef.current?.click()}
+        onDragEnter={(e) => { e.preventDefault(); if (!disabled) setDragOver(true); }}
+        onDragLeave={(e) => { e.preventDefault(); setDragOver(false); }}
+        onDragOver={(e) => e.preventDefault()}
+        onDrop={(e) => { e.preventDefault(); setDragOver(false); if (!disabled) doUpload(e.dataTransfer.files); }}
+      >
+        {uploading ? "업로드 중..." : "DRAG & DROP · 클릭하여 선택"}
+      </div>
+      <input ref={inputRef} type="file" multiple className="hidden" onChange={(e) => doUpload(e.target.files)} />
+      {files.length > 0 && (
+        <div className="max-h-[80px] overflow-y-auto border-t">
+          <table className="w-full text-[11px]">
+            <tbody>
+              {files.map((f) => (
+                <tr key={f.OBJID} className="border-b hover:bg-gray-50">
+                  <td className="p-1 px-2">
+                    <a href={`/api/common/files/download?objId=${f.OBJID}&fileName=${encodeURIComponent(f.REAL_FILE_NAME)}`}
+                      className="text-blue-600 hover:underline" target="_blank" rel="noreferrer">
+                      {f.REAL_FILE_NAME}
+                    </a>
+                  </td>
+                  <td className="p-1 px-2 w-8 text-right">
+                    <button type="button" onClick={() => doDelete(f.OBJID)} className="text-red-500 hover:text-red-700" title="삭제">×</button>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        </div>
+      )}
+    </div>
+  );
+}
+
+// 영업관리 > 출고 등록/수정 (원본: releaseMgmtFormSimplePopUp.jsp)
+function ReleaseForm() {
+  const searchParams = useSearchParams();
+  const projectObjId = searchParams.get("projectObjId") || searchParams.get("objId") || "";
+
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [projectInfo, setProjectInfo] = useState<Record<string, unknown> | null>(null);
+  const [loading, setLoading] = useState(false);
+  const [files, setFiles] = useState<AttachedFile[]>([]);
+  const [localReleaseObjId] = useState(() => `${Date.now()}${Math.floor(Math.random() * 1000)}`);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const loadDetail = useCallback(async () => {
+    if (!projectObjId) return;
+    const res = await fetch("/api/sales/release/detail", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ projectObjId }),
+    });
+    const j = await res.json();
+    if (j.success && j.data) {
+      const d = j.data as Record<string, unknown>;
+      setProjectInfo(d);
+      setForm({
+        RELEASE_OBJID: String(d.RELEASE_OBJID || localReleaseObjId),
+        PARENT_OBJID: String(d.CONTRACT_OBJID || ""),
+        PRODUCT: String(d.PRODUCT || ""),
+        RELEASE_CAR_NO: String(d.RELEASE_CAR_NO || ""),
+        RELEASE_DATE: String(d.RELEASE_DATE || ""),
+        TASK_OVER_USER_ID: String(d.TASK_OVER_USER_ID || ""),
+        TASK_OVER_DATE: String(d.TASK_OVER_DATE || ""),
+        TASK_OVER_COMMENT: String(d.TASK_OVER_COMMENT || ""),
+        INSTALL_COMPLETE_DATE: String(d.INSTALL_COMPLETE_DATE || ""),
+        INSTALL_RESULT: String(d.INSTALL_RESULT || ""),
+      });
+    }
+  }, [projectObjId, localReleaseObjId]);
+
+  useEffect(() => { loadDetail(); }, [loadDetail]);
+
+  const loadFiles = useCallback(async () => {
+    const releaseObjId = form.RELEASE_OBJID || localReleaseObjId;
+    if (!releaseObjId) { setFiles([]); return; }
+    const res = await fetch("/api/common/files", {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId: releaseObjId }),
+    });
+    const j = await res.json();
+    if (j.success) setFiles((j.files || []) as AttachedFile[]);
+  }, [form.RELEASE_OBJID, localReleaseObjId]);
+  useEffect(() => { loadFiles(); }, [loadFiles]);
+
+  const effectiveReleaseObjId = form.RELEASE_OBJID || localReleaseObjId;
+  const filesCheck = files.filter((f) => f.DOC_TYPE === "RELEASE_CHECK");
+  const filesOrder = files.filter((f) => f.DOC_TYPE === "RELEASE_ORDER");
+  const filesTaking = files.filter((f) => f.DOC_TYPE === "RELEASE_TAKING_OVER");
+
+  const handleSave = async () => {
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?", icon: "question",
+      showCancelButton: true, confirmButtonText: "확인", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    setLoading(true);
+    try {
+      const res = await fetch("/api/sales/release/save", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, RELEASE_OBJID: effectiveReleaseObjId }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message, timer: 1200, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-3 bg-gray-50">
+      <h2 className="text-sm font-bold text-gray-800 mb-2 flex items-center gap-1">
+        <span className="text-blue-500">●</span> 영업관리_출고관리 등록
+      </h2>
+
+      {/* 프로젝트 요약 정보 */}
+      {projectInfo && (
+        <div className="bg-white border rounded p-2 mb-2">
+          <h4 className="text-xs font-bold text-gray-700 mb-1 border-b pb-1">프로젝트 정보</h4>
+          <table className="w-full text-xs border-collapse">
+            <tbody>
+              <tr>
+                <Th label="프로젝트번호" />
+                <Td>{String(projectInfo.PROJECT_NO || "")}</Td>
+                <Th label="고객사" />
+                <Td>{String(projectInfo.CUSTOMER_NAME || "")}</Td>
+              </tr>
+              <tr>
+                <Th label="계약구분" />
+                <Td>{String(projectInfo.CATEGORY_NAME || "")}</Td>
+                <Th label="제품" />
+                <Td>{String(projectInfo.PRODUCT_NAME || "")} / {String(projectInfo.MECHANICAL_TYPE || "")}</Td>
+              </tr>
+              <tr>
+                <Th label="당사프로젝트명" />
+                <Td colSpan={3}>{String(projectInfo.PROJECT_NAME || "")}</Td>
+              </tr>
+              <tr>
+                <Th label="계약납기일" />
+                <Td>{String(projectInfo.CONTRACT_DEL_DATE || "")}</Td>
+                <Th label="요청납기일" />
+                <Td>{String(projectInfo.REQ_DEL_DATE || "")}</Td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      )}
+
+      {/* 출고 입력 */}
+      <div className="bg-white border rounded p-2 mb-2">
+        <h4 className="text-xs font-bold text-gray-700 mb-1 border-b pb-1">출고관리 정보</h4>
+        <table className="w-full text-xs border-collapse">
+          <tbody>
+            <tr>
+              <Th label="출고 S/N" />
+              <Td>
+                <Input className="h-7" value={form.RELEASE_CAR_NO || ""}
+                  onChange={(e) => set("RELEASE_CAR_NO", e.target.value)} />
+              </Td>
+              <Th label="출고일" />
+              <Td>
+                <Input className="h-7" type="date" value={form.RELEASE_DATE || ""}
+                  onChange={(e) => set("RELEASE_DATE", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="인수자" />
+              <Td>
+                <Input className="h-7" value={form.TASK_OVER_USER_ID || ""}
+                  onChange={(e) => set("TASK_OVER_USER_ID", e.target.value)} />
+              </Td>
+              <Th label="인수일" />
+              <Td>
+                <Input className="h-7" type="date" value={form.TASK_OVER_DATE || ""}
+                  onChange={(e) => set("TASK_OVER_DATE", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="확인" />
+              <Td colSpan={3}>
+                <Input className="h-7" value={form.TASK_OVER_COMMENT || ""}
+                  onChange={(e) => set("TASK_OVER_COMMENT", e.target.value)} />
+              </Td>
+            </tr>
+            <tr>
+              <Th label="설치완료일" />
+              <Td>
+                <Input className="h-7" type="date" value={form.INSTALL_COMPLETE_DATE || ""}
+                  onChange={(e) => set("INSTALL_COMPLETE_DATE", e.target.value)} />
+              </Td>
+              <Th label="설치결과" />
+              <Td>
+                <select value={form.INSTALL_RESULT || ""} onChange={(e) => set("INSTALL_RESULT", e.target.value)}
+                  className="h-7 w-full rounded border border-gray-300 bg-white px-2 text-xs">
+                  <option value="">선택</option>
+                  <option value="OPEN">OPEN</option>
+                  <option value="CLOSED">CLOSED</option>
+                </select>
+              </Td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      {/* 첨부파일 3종 */}
+      <div className="grid grid-cols-3 gap-2 mb-2">
+        <FileDropZone
+          title="출고검사 첨부파일"
+          targetObjId={effectiveReleaseObjId}
+          docType="RELEASE_CHECK" docTypeName="RELEASE_CHECK"
+          files={filesCheck} onChanged={loadFiles}
+        />
+        <FileDropZone
+          title="출하지시서 첨부파일"
+          targetObjId={effectiveReleaseObjId}
+          docType="RELEASE_ORDER" docTypeName="RELEASE_ORDER"
+          files={filesOrder} onChanged={loadFiles}
+        />
+        <FileDropZone
+          title="인수인계 첨부파일"
+          targetObjId={effectiveReleaseObjId}
+          docType="RELEASE_TAKING_OVER" docTypeName="RELEASE_TAKING_OVER"
+          files={filesTaking} onChanged={loadFiles}
+        />
+      </div>
+
+      <div className="flex justify-center gap-2 mt-3">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function Th({ label }: { label: string }) {
+  return (
+    <th className="bg-[#5c6d97] text-white font-medium text-center py-1 px-2 border border-white whitespace-nowrap w-[110px]">
+      {label}
+    </th>
+  );
+}
+function Td({ children, colSpan }: { children: React.ReactNode; colSpan?: number }) {
+  return <td colSpan={colSpan} className="border border-gray-200 p-[3px] align-middle">{children}</td>;
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ReleaseForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/sales/year-goal/page.tsx b/src/app/sales/year-goal/page.tsx
new file mode 100644
index 0000000..fc9e727
--- /dev/null
+++ b/src/app/sales/year-goal/page.tsx
@@ -0,0 +1,164 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { numberWithCommas } from "@/lib/utils";
+
+interface GoalRow {
+  OBJID: string;
+  YEAR: string;
+  PRICE: string;
+  REGDATE?: string;
+}
+
+// 영업목표 등록/조회 팝업
+function YearGoalPopup() {
+  const params = useSearchParams();
+  const initYear = params.get("year") || String(new Date().getFullYear());
+
+  const [rows, setRows] = useState<GoalRow[]>([]);
+  const [year, setYear] = useState(initYear);
+  const [price, setPrice] = useState("");
+
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/api/sales/year-goal", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "list" }),
+    });
+    const j = await res.json();
+    setRows((j.RESULTLIST || []) as GoalRow[]);
+  }, []);
+
+  useEffect(() => { fetchData(); }, [fetchData]);
+
+  const handleSave = async () => {
+    if (!year || !price) {
+      Swal.fire("알림", "년도와 영업목표를 입력하세요.", "warning");
+      return;
+    }
+    const r = await Swal.fire({
+      title: "저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    // 같은 year가 이미 있으면 해당 objId로 UPDATE
+    const exist = rows.find((r) => r.YEAR === year);
+    const res = await fetch("/api/sales/year-goal", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        action: "save",
+        objId: exist?.OBJID,
+        year,
+        price: price.replace(/,/g, ""),
+      }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      setPrice("");
+      fetchData();
+      if (window.opener) {
+        try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+      }
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  const handleDelete = async (objId: string) => {
+    const r = await Swal.fire({
+      title: "삭제하시겠습니까?",
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+    const res = await fetch("/api/sales/year-goal", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ action: "delete", objIds: [objId] }),
+    });
+    const j = await res.json();
+    if (j.success) {
+      await Swal.fire({ icon: "success", title: j.message, timer: 1000, showConfirmButton: false });
+      fetchData();
+      if (window.opener) {
+        try { (window.opener as Window & { location: Location }).location.reload(); } catch {}
+      }
+    } else {
+      Swal.fire("오류", j.message, "error");
+    }
+  };
+
+  const currentYear = new Date().getFullYear();
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">영업목표 등록</h2>
+
+      <div className="bg-gray-50 rounded p-4 mb-4 flex items-end gap-3">
+        <div>
+          <label className="block text-xs text-gray-500 mb-1">년도</label>
+          <select value={year} onChange={(e) => setYear(e.target.value)}
+            className="h-9 w-[120px] rounded border border-gray-300 bg-white px-2 text-sm">
+            {Array.from({ length: 7 }, (_, i) => currentYear + 1 - i).map((y) => (
+              <option key={y} value={y}>{y}년</option>
+            ))}
+          </select>
+        </div>
+        <div className="flex-1">
+          <label className="block text-xs text-gray-500 mb-1">영업목표 (억원)</label>
+          <Input value={price} onChange={(e) => setPrice(e.target.value.replace(/[^0-9,]/g, ""))} placeholder="예: 1000" />
+        </div>
+        <Button onClick={handleSave}>저장</Button>
+      </div>
+
+      <table className="w-full text-sm border-collapse">
+        <thead>
+          <tr className="bg-gray-600 text-white">
+            <th className="border border-gray-300 px-3 py-2">년도</th>
+            <th className="border border-gray-300 px-3 py-2">영업목표 (억원)</th>
+            <th className="border border-gray-300 px-3 py-2">등록일</th>
+            <th className="border border-gray-300 px-3 py-2 w-24">삭제</th>
+          </tr>
+        </thead>
+        <tbody>
+          {rows.length === 0 ? (
+            <tr><td colSpan={4} className="text-center py-8 text-gray-400">데이터가 없습니다.</td></tr>
+          ) : rows.map((r) => (
+            <tr key={r.OBJID} className="hover:bg-gray-50">
+              <td className="border border-gray-200 px-3 py-2 text-center">{r.YEAR}</td>
+              <td className="border border-gray-200 px-3 py-2 text-right">{numberWithCommas(Number(r.PRICE || 0))}</td>
+              <td className="border border-gray-200 px-3 py-2 text-center">{r.REGDATE ?? "-"}</td>
+              <td className="border border-gray-200 px-3 py-2 text-center">
+                <Button size="sm" variant="danger" onClick={() => handleDelete(r.OBJID)}>삭제</Button>
+              </td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+
+      <div className="flex justify-end mt-6">
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <YearGoalPopup />
+    </Suspense>
+  );
+}
diff --git a/src/app/scm/defect/form/page.tsx b/src/app/scm/defect/form/page.tsx
new file mode 100644
index 0000000..4e1bbaa
--- /dev/null
+++ b/src/app/scm/defect/form/page.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function ScmDefectForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/scm/defect/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.defect_content) {
+      Swal.fire("알림", "부적합내용을 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/scm/defect/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "부적합 등록" : "부적합 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="발주번호">
+          <Input value={form.purchase_order_no || ""} onChange={(e) => set("purchase_order_no", e.target.value)} />
+        </FormField>
+        <FormField label="부품명">
+          <Input value={form.part_name || ""} onChange={(e) => set("part_name", e.target.value)} />
+        </FormField>
+        <FormField label="부적합수량" required>
+          <Input type="number" value={form.defect_qty || ""} onChange={(e) => set("defect_qty", e.target.value)} />
+        </FormField>
+        <FormField label="원인">
+          <Input value={form.defect_reason || ""} onChange={(e) => set("defect_reason", e.target.value)} />
+        </FormField>
+        <FormField label="부적합내용" required span={2}>
+          <Input value={form.defect_content || ""} onChange={(e) => set("defect_content", e.target.value)} />
+        </FormField>
+        <FormField label="조치내용" span={2}>
+          <Input value={form.defect_action || ""} onChange={(e) => set("defect_action", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <ScmDefectForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/scm/payment/form/page.tsx b/src/app/scm/payment/form/page.tsx
new file mode 100644
index 0000000..03fc9b0
--- /dev/null
+++ b/src/app/scm/payment/form/page.tsx
@@ -0,0 +1,106 @@
+"use client";
+
+import { useState, useEffect, Suspense } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import Swal from "sweetalert2";
+
+function PaymentForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId");
+  const isNew = !objId;
+  const [form, setForm] = useState<Record<string, string>>({});
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  useEffect(() => {
+    if (objId) {
+      fetch("/api/scm/payment/detail", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ objId }),
+      })
+        .then((r) => r.json())
+        .then((d) => {
+          if (d.success && d.data) setForm(d.data);
+        })
+        .catch(() => {});
+    }
+  }, [objId]);
+
+  const handleSave = async () => {
+    if (!form.payment_amount) {
+      Swal.fire("알림", "지급금액을 입력하세요.", "warning");
+      return;
+    }
+    setLoading(true);
+    try {
+      const res = await fetch("/api/scm/payment/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, objId, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) try { window.opener.location.reload(); } catch {}
+        if (isNew) window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        {isNew ? "자금지급 등록" : "자금지급 수정"}
+      </h2>
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="업체명">
+          <Input value={form.supply_name || ""} onChange={(e) => set("supply_name", e.target.value)} />
+        </FormField>
+        <FormField label="지급일자">
+          <Input type="date" value={form.payment_date || ""} onChange={(e) => set("payment_date", e.target.value)} />
+        </FormField>
+        <FormField label="지급금액" required>
+          <Input type="text" value={form.payment_amount || ""} onChange={(e) => set("payment_amount", e.target.value)} />
+        </FormField>
+        <FormField label="지급방법">
+          <Input value={form.payment_method || ""} onChange={(e) => set("payment_method", e.target.value)} />
+        </FormField>
+        <FormField label="비고" span={2}>
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: { label: string; required?: boolean; children: React.ReactNode; span?: number }) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <PaymentForm />
+    </Suspense>
+  );
+}
diff --git a/src/app/work/diary/form/page.tsx b/src/app/work/diary/form/page.tsx
new file mode 100644
index 0000000..36156d0
--- /dev/null
+++ b/src/app/work/diary/form/page.tsx
@@ -0,0 +1,265 @@
+"use client";
+
+import { Suspense, useCallback, useEffect, useState } from "react";
+import { useSearchParams } from "next/navigation";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { SearchableSelect } from "@/components/ui/searchable-select";
+
+// productionplanning/workDiaryFormPopUp.jsp 대응 - 작업일지 등록/수정
+interface Option { value: string; label: string }
+
+function WorkDiaryForm() {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const isNew = !objId;
+
+  const [form, setForm] = useState<Record<string, string>>({
+    division: "project",
+    sourcing_type: "insourcing",
+    production_type: "",
+  });
+  const [loading, setLoading] = useState(false);
+
+  const [projectOptions, setProjectOptions] = useState<Option[]>([]);
+  const [unitOptions, setUnitOptions] = useState<Option[]>([]);
+  const [workerOptions, setWorkerOptions] = useState<Option[]>([]);
+
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  // 공용 드롭다운
+  useEffect(() => {
+    fetch("/api/common/project-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setProjectOptions(rows.map((r) => ({
+          value: String(r.OBJID ?? ""),
+          label: String(r.LABEL ?? r.PROJECT_NO ?? ""),
+        })));
+      }).catch(() => {});
+
+    fetch("/api/common/user-list", { method: "POST", headers: { "Content-Type": "application/json" }, body: "{}" })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setWorkerOptions(rows.map((r) => ({
+          value: String(r.USER_ID ?? ""),
+          label: `${r.DEPT_NAME ?? ""} / ${r.USER_NAME ?? ""}`,
+        })));
+      }).catch(() => {});
+  }, []);
+
+  const loadUnits = useCallback((projectObjid: string) => {
+    if (!projectObjid) { setUnitOptions([]); return; }
+    fetch("/api/common/unit-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ contract_objid: projectObjid }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const list = (d.RESULTLIST || []) as Record<string, unknown>[];
+        setUnitOptions(list.map((r) => ({ value: String(r.OBJID ?? ""), label: String(r.UNIT_NAME ?? "") })));
+      })
+      .catch(() => setUnitOptions([]));
+  }, []);
+
+  const onProjectChange = (v: string) => {
+    setForm((p) => ({ ...p, project_objid: v, unit_code: "" }));
+    loadUnits(v);
+  };
+
+  // 수정 모드: 기존 데이터 로드
+  useEffect(() => {
+    if (!objId) return;
+    fetch("/api/work/diary/detail", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        if (d.success && d.data) {
+          const row = d.data as Record<string, unknown>;
+          const pid = String(row.CONTRACT_OBJID ?? "");
+          setForm({
+            objId: String(row.OBJID ?? ""),
+            division: String(row.DIVISION ?? "project"),
+            project_objid: pid,
+            unit_code: String(row.UNIT_CODE ?? ""),
+            task_name: String(row.TASK_NAME ?? ""),
+            worker_id: String(row.WORKER_ID ?? ""),
+            work_start_date: String(row.WORK_START_DATE ?? ""),
+            work_end_date: String(row.WORK_END_DATE ?? ""),
+            work_hour: String(row.WORK_HOUR ?? ""),
+            remark: String(row.REMARK ?? ""),
+            sourcing_type: String(row.SOURCING_TYPE ?? "insourcing"),
+            production_type: String(row.PRODUCTION_TYPE ?? ""),
+          });
+          loadUnits(pid);
+        }
+      })
+      .catch(() => {});
+  }, [objId, loadUnits]);
+
+  // 구분 변경 시 프로젝트/유닛 비우기
+  const onDivisionChange = (v: string) => {
+    setForm((p) => ({ ...p, division: v, ...(v === "non_project" ? { project_objid: "", unit_code: "" } : {}) }));
+  };
+
+  // 외주 선택 시 작업자 비우기
+  const onSourcingChange = (v: string) => {
+    setForm((p) => ({ ...p, sourcing_type: v, ...(v === "outsourcing" ? { worker_id: "" } : {}) }));
+  };
+
+  const handleSave = useCallback(async () => {
+    if (!form.division) { Swal.fire("알림", "구분을 선택하세요.", "warning"); return; }
+    if (form.division === "project" && !form.project_objid) { Swal.fire("알림", "프로젝트번호를 선택하세요.", "warning"); return; }
+    if (form.division === "project" && !form.unit_code) { Swal.fire("알림", "유닛명을 선택하세요.", "warning"); return; }
+    if (!form.work_start_date) { Swal.fire("알림", "시작일을 입력하세요.", "warning"); return; }
+    if (!form.work_end_date) { Swal.fire("알림", "종료일을 입력하세요.", "warning"); return; }
+    if (!form.work_hour) { Swal.fire("알림", "작업시간을 입력하세요.", "warning"); return; }
+    if (!form.sourcing_type) { Swal.fire("알림", "구분(자사/외주)을 선택하세요.", "warning"); return; }
+    if (form.sourcing_type === "insourcing" && !form.worker_id) { Swal.fire("알림", "작업자를 선택하세요.", "warning"); return; }
+
+    const confirm = await Swal.fire({
+      title: "저장 확인",
+      text: "해당 내용을 저장하시겠습니까?",
+      icon: "question",
+      showCancelButton: true,
+      confirmButtonText: "저장",
+      cancelButtonText: "취소",
+    });
+    if (!confirm.isConfirmed) return;
+
+    setLoading(true);
+    try {
+      const res = await fetch("/api/work/diary/save", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ ...form, actionType: isNew ? "regist" : "update" }),
+      });
+      const data = await res.json();
+      if (data.success) {
+        await Swal.fire({ icon: "success", title: data.message || "저장되었습니다.", timer: 1500, showConfirmButton: false });
+        if (window.opener) { try { window.opener.location.reload(); } catch {} }
+        window.close();
+      } else {
+        Swal.fire("오류", data.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally {
+      setLoading(false);
+    }
+  }, [form, isNew]);
+
+  const isProject = form.division === "project";
+  const isOutsourcing = form.sourcing_type === "outsourcing";
+
+  return (
+    <div className="p-5 bg-white min-h-screen">
+      <h2 className="text-base font-bold text-gray-800 mb-4 border-b pb-2">
+        작업일지 {isNew ? "등록" : "수정"}
+      </h2>
+
+      <div className="grid grid-cols-2 gap-x-4 gap-y-3 text-sm">
+        <FormField label="구분" required>
+          <select value={form.division || ""} onChange={(e) => onDivisionChange(e.target.value)}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="project">프로젝트</option>
+            <option value="non_project">비프로젝트</option>
+          </select>
+        </FormField>
+        <FormField label="자사/외주" required>
+          <select value={form.sourcing_type || ""} onChange={(e) => onSourcingChange(e.target.value)}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="insourcing">자사</option>
+            <option value="outsourcing">외주</option>
+          </select>
+        </FormField>
+
+        <FormField label="프로젝트번호" required={isProject}>
+          <SearchableSelect
+            options={projectOptions}
+            value={form.project_objid || ""}
+            onChange={onProjectChange}
+            disabled={!isProject}
+          />
+        </FormField>
+        <FormField label="유닛명" required={isProject}>
+          <SearchableSelect
+            options={unitOptions}
+            value={form.unit_code || ""}
+            onChange={(v) => set("unit_code", v)}
+            disabled={!isProject || !form.project_objid}
+          />
+        </FormField>
+
+        <FormField label="작업내용" span={2}>
+          <Input value={form.task_name || ""} onChange={(e) => set("task_name", e.target.value)} />
+        </FormField>
+
+        <FormField label="시작일" required>
+          <Input type="date" value={form.work_start_date || ""} onChange={(e) => set("work_start_date", e.target.value)} />
+        </FormField>
+        <FormField label="종료일" required>
+          <Input type="date" value={form.work_end_date || ""} onChange={(e) => set("work_end_date", e.target.value)} />
+        </FormField>
+
+        <FormField label="작업시간(h)" required>
+          <Input type="number" step="0.5" min="0" value={form.work_hour || ""}
+            onChange={(e) => set("work_hour", e.target.value)} />
+        </FormField>
+        <FormField label="작업자" required={!isOutsourcing}>
+          <SearchableSelect
+            options={workerOptions}
+            value={form.worker_id || ""}
+            onChange={(v) => set("worker_id", v)}
+            disabled={isOutsourcing}
+          />
+        </FormField>
+
+        <FormField label="조립/셋업">
+          <select value={form.production_type || ""} onChange={(e) => set("production_type", e.target.value)}
+            className="h-9 w-full rounded border border-gray-300 bg-white px-3 text-sm">
+            <option value="">선택</option>
+            <option value="assembly">조립</option>
+            <option value="setup">셋업</option>
+          </select>
+        </FormField>
+        <FormField label="특이사항">
+          <Input value={form.remark || ""} onChange={(e) => set("remark", e.target.value)} />
+        </FormField>
+      </div>
+
+      <div className="flex justify-end gap-2 mt-6 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
+
+function FormField({ label, required, children, span }: {
+  label: string; required?: boolean; children: React.ReactNode; span?: number;
+}) {
+  return (
+    <div className={span === 2 ? "col-span-2" : ""}>
+      <label className="block text-xs font-medium text-gray-500 mb-1">
+        {label} {required && <span className="text-red-400">*</span>}
+      </label>
+      {children}
+    </div>
+  );
+}
+
+export default function Page() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-400">로딩 중...</div>}>
+      <WorkDiaryForm />
+    </Suspense>
+  );
+}
diff --git a/src/components/CLAUDE.md b/src/components/CLAUDE.md
new file mode 100644
index 0000000..8bfc105
--- /dev/null
+++ b/src/components/CLAUDE.md
@@ -0,0 +1,79 @@
+## 역할
+재사용 가능한 React 컴포넌트 라이브러리. 기존 JSP의 UI 요소(Tabulator, Select2, jQuery 플러그인)를 React + Tailwind로 전환한 것.
+
+---
+
+## ui/ — 기본 폼/입력 컴포넌트
+
+### 주요 파일
+- **button.tsx** — forwardRef 지원, `variant`(primary/secondary/danger/ghost), `size`(sm/md/lg)
+- **input.tsx** — forwardRef 지원, Tailwind 스타일 기본 입력
+- **select.tsx** — forwardRef 지원, 배열 기반 options 전달
+- **code-select.tsx** — 공통코드 선택박스. `codeId` 필수 prop으로 `/api/common/code-list` 호출, `CODE_ID`/`CODE_NAME` 필드 매핑 (native select)
+- **searchable-code-select.tsx** — 검색 가능한 공통코드 선택박스. CodeSelect와 동일 데이터를 쓰지만 typeahead 검색 + `×`로 선택 해제. **긴 코드 목록은 이걸 우선 사용**
+- **searchable-select.tsx** — 일반 options 배열용 검색 가능 셀렉트. `options: { value, label }[]` 전달. 동적 로드 데이터(프로젝트/유닛/고객사 등)에 사용
+- **folder-cell.tsx** — 첨부파일 개수 표시용 폴더 아이콘 셀. `count > 0`이면 파란 채움 폴더, 아니면 투명. `onClick` 지원. DataGrid formatter 또는 직접 렌더 모두 가능. 3D/2D/PDF/E-BOM 등 모든 count 컬럼 통일용
+- **file-upload.tsx** — 파일 업로드. `targetObjId`, `docType`, `docTypeName` 필수. `/api/common/file-upload` POST, formData 키: `"file"`, `"targetObjId"`, `"docType"`, `"docTypeName"`
+- **pagination.tsx** — 페이지네이션. 좌: `[input]/총 N 페이지 [go]`, 중앙: 1-10 번호, 우: `[pageSize ▼] N 건`. `maxPage` prop으로 서버사이드 모드도 지원. DataGrid에 기본 내장됨
+- **loading.tsx** — 전체 화면 덮는 로딩 모달 (fixed z-50). 그리드 영역만 덮고 싶으면 DataGrid의 `loading` prop 사용 권장
+
+### 숨겨진 스펙
+- CodeSelect placeholder 기본값 "선택"
+- 모든 폼 컴포넌트는 `disabled:opacity-50` 적용
+- FileUpload 성공 시 `onUploadComplete()` 콜백 호출 + 입력값 리셋
+- **드롭다운 선택 가이드**:
+  - 짧은 고정 목록(≤6 항목: Revision, 상태, LEVEL, 년도 등) → native `<select>` 유지 OK
+  - 공통코드(comm_code) 기반 긴 목록 → `SearchableCodeSelect` 사용
+  - 동적 API 데이터(프로젝트/유닛/고객사/사용자 등) → `SearchableSelect` + 별도 API 호출로 `{ value, label }[]` 구성
+- **Pagination**: DataGrid에 내장되어 있으므로 별도 배치 불필요. 서버사이드 페이징을 쓸 때만 외부에서 `<Pagination maxPage={...}>` 로 직접 사용
+
+---
+
+## layout/ — 페이지 레이아웃
+
+### 주요 파일
+- **header.tsx** — 상단 메뉴 탭 + 유저 정보 + 테마 토글 + 승인함 배지(`/api/approval/count` 60초 폴링). 관리자 메뉴: `MENU_NAME_KOR === "관리자"` 필터링. 관리자 패널: `window.open` 고정 사이즈(1630x950).
+- **sidebar.tsx** — 좌측 트리 메뉴. `mapMenuUrl()`로 경로 변환, `MENU_ICON_MAP`으로 아이콘 매핑. 축소: `w-[52px]` / 확장: `w-[240px]`.
+- **search-form.tsx** — 검색 폼 래퍼 + SearchField(label + 폼 요소). `onSearch(FormData)` 콜백.
+
+### 연결 고리
+- Header → useAuthStore, useMenuStore, useThemeStore (3개 store 모두)
+- Sidebar → `mapMenuUrl()` from `@/lib/menu-url-map`, `MENU_ICON_MAP` from `@/lib/constants`
+- Header의 activeTopMenu 변경 시 Sidebar 자동 갱신(fetchSideMenus)
+
+---
+
+## grid/ — 데이터 테이블
+
+### 주요 파일
+- **data-grid.tsx** — TanStack React Table 기반 커스텀 그리드. 정렬, 체크박스 선택, 포매팅(money), 셀 클릭 콜백 지원.
+
+### 숨겨진 스펙
+- 데이터 소스: `data` prop(배열) 또는 `dataUrl`(POST 요청)
+- 원격 데이터 응답: `json.RESULTLIST` → `json.data` → json 전체(배열) 순서로 탐색
+- 총 건수: `json.TOTAL_CNT` 또는 배열 length
+- 기본 높이: `calc(100vh - 300px)`
+- 정렬: 문자열 기반 localeCompare (숫자 자동 변환 안 함)
+- 체크박스 선택: `selectedRows: Set<number>` (인덱스 기반)
+- **formatter**:
+  - `"money"` → `numberWithCommas()` 적용
+  - `(cell, row) => ReactNode` 함수 형태로 커스텀 렌더링 가능 (예: `<FolderCell count={cell} />`)
+- 빈 데이터 메시지: "데이터가 없습니다."
+- **페이지네이션 내장** (`pagination` prop 기본 true): 하단에 Pagination 컴포넌트 자동 렌더. `pageSize` prop으로 기본값 변경. 데이터 갱신 시 1페이지로 리셋
+- **로딩 오버레이** (`loading` prop): 외부에서 true 전달 시 그리드 위에 반투명 오버레이 + spinner 표시. 각 페이지 fetchData 시작/종료 시점에 setLoading(true/false) 호출로 연동
+
+---
+
+## procurement-std/ — 구매품표준관리 템플릿
+
+### 주요 파일
+- **StandardCodePage.tsx** — 표준코드 CRUD 템플릿. 필수 props: `title`, `apiUrl`, `codeGroupId`.
+
+### 숨겨진 스펙
+- API 요청 필드: snake_case (`code_group`, `large_cd`, `middle_cd`, `maker`, `part_name`, `spec`)
+- API 응답: `json.RESULTLIST` 또는 null → 빈 배열 폴백
+- CodeSelect codeId 패턴: `{codeGroupId}_LARGE`, `{codeGroupId}_MIDDLE`
+- 그리드 열 필드: 대문자 (`LARGE_CD_NAME`, `MIDDLE_CD_NAME`, `UNIT_PRICE` 등)
+- 삭제/등록/Excel 기능은 TODO (Swal 안내만 표시)
+
+@MISTAKES.md
diff --git a/src/components/MISTAKES.md b/src/components/MISTAKES.md
new file mode 100644
index 0000000..90ab968
--- /dev/null
+++ b/src/components/MISTAKES.md
@@ -0,0 +1,9 @@
+# components 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/components/approval/ApprovalButton.tsx b/src/components/approval/ApprovalButton.tsx
new file mode 100644
index 0000000..43b7cea
--- /dev/null
+++ b/src/components/approval/ApprovalButton.tsx
@@ -0,0 +1,48 @@
+"use client";
+
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+import { ApprovalRequestModal } from "./ApprovalRequestModal";
+
+export interface ApprovalButtonProps {
+  objIds: string[];
+  targetType: string;
+  title?: string;
+  description?: string;
+  onSuccess?: () => void;
+  disabled?: boolean;
+  label?: string;
+  size?: "sm" | "md" | "lg";
+  variant?: "primary" | "secondary" | "danger" | "ghost";
+}
+
+// 공통 결재상신 버튼 - 어느 목록/폼에서나 한 줄로 사용
+// <ApprovalButton objIds={selectedIds} targetType="CSM" title={...} onSuccess={fetchData} />
+export function ApprovalButton({
+  objIds, targetType, title, description, onSuccess,
+  disabled, label = "결재상신", size = "sm", variant = "secondary",
+}: ApprovalButtonProps) {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button
+        size={size}
+        variant={variant}
+        disabled={disabled}
+        onClick={() => setOpen(true)}
+      >
+        {label}
+      </Button>
+      <ApprovalRequestModal
+        open={open}
+        onClose={() => setOpen(false)}
+        objIds={objIds}
+        targetType={targetType}
+        defaultTitle={title}
+        defaultDescription={description}
+        onSuccess={onSuccess}
+      />
+    </>
+  );
+}
diff --git a/src/components/approval/ApprovalDecisionModal.tsx b/src/components/approval/ApprovalDecisionModal.tsx
new file mode 100644
index 0000000..0442acc
--- /dev/null
+++ b/src/components/approval/ApprovalDecisionModal.tsx
@@ -0,0 +1,135 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { SignaturePad, type SignaturePadHandle } from "./SignaturePad";
+
+export interface ApprovalDecisionModalProps {
+  open: boolean;
+  onClose: () => void;
+  inboxObjId: string;
+  targetType?: string;
+  requireSign?: boolean;      // 기본 true - invoice 등 사인 강제 케이스 대응
+  onSuccess?: () => void;
+}
+
+// approvalDetailResultPopup.jsp 대응 - 결재 승인/반려 처리 모달 + 전자사인
+export function ApprovalDecisionModal({
+  open, onClose, inboxObjId, targetType, requireSign = true, onSuccess,
+}: ApprovalDecisionModalProps) {
+  const [result, setResult] = useState<"Y" | "N">("Y");
+  const [message, setMessage] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const signRef = useRef<SignaturePadHandle>(null);
+  const [mounted, setMounted] = useState(false);
+
+  useEffect(() => { setMounted(true); }, []);
+
+  useEffect(() => {
+    if (!open) return;
+    setResult("Y");
+    setMessage("");
+    signRef.current?.clear();
+  }, [open]);
+
+  const mustSign = requireSign || targetType === "INVOICE";
+
+  const submit = async () => {
+    if (message.length > 200) {
+      Swal.fire("알림", "사유는 200자까지 입력 가능합니다.", "warning");
+      return;
+    }
+    if (mustSign && !signRef.current?.isSigned()) {
+      Swal.fire("알림", "사인을 해주세요.", "warning");
+      return;
+    }
+    const resultText = result === "Y" ? "승인" : "반려";
+    const r = await Swal.fire({
+      title: `${resultText} 확인`, text: `${resultText} 처리 하시겠습니까?`,
+      icon: "question", showCancelButton: true,
+      confirmButtonText: resultText, cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    const sign = mustSign ? signRef.current?.toDataURL() : null;
+    const { width, height } = signRef.current?.getDimensions() || { width: 0, height: 0 };
+    const endpoint = result === "Y" ? "/api/approval/approve" : "/api/approval/reject";
+
+    setSubmitting(true);
+    try {
+      const res = await fetch(endpoint, {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ inboxObjId, message, sign, sign_width: width, sign_height: height }),
+      });
+      const j = await res.json();
+      if (j.success) {
+        await Swal.fire({ icon: "success", title: j.message || "처리되었습니다.", timer: 1200, showConfirmButton: false });
+        onSuccess?.();
+        onClose();
+      } else {
+        Swal.fire("오류", j.message || "처리 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "서버 오류가 발생했습니다.", "error");
+    } finally { setSubmitting(false); }
+  };
+
+  if (!open || !mounted || typeof document === "undefined") return null;
+
+  return createPortal(
+    <div className="fixed inset-0 z-[9999] flex items-center justify-center">
+      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="relative bg-white rounded-lg shadow-2xl w-[560px] overflow-hidden">
+        <div className="flex items-center justify-between border-b px-4 py-2.5 bg-gray-50">
+          <h3 className="font-semibold text-gray-800">결재 승인/반려 처리</h3>
+          <button onClick={onClose} className="text-gray-400 hover:text-gray-700 text-lg">×</button>
+        </div>
+        <div className="p-4 space-y-3 text-sm">
+          <div>
+            <label className="block text-xs font-semibold text-gray-600 mb-1">결과</label>
+            <select
+              value={result}
+              onChange={(e) => setResult(e.target.value as "Y" | "N")}
+              className="h-9 w-40 rounded border border-gray-300 bg-white px-3 text-sm"
+            >
+              <option value="Y">승인</option>
+              <option value="N">반려</option>
+            </select>
+          </div>
+
+          <div>
+            <label className="block text-xs font-semibold text-gray-600 mb-1">사유</label>
+            <textarea
+              value={message}
+              onChange={(e) => setMessage(e.target.value)}
+              rows={4}
+              maxLength={200}
+              className="w-full rounded border border-gray-300 px-3 py-2 text-sm focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/50"
+              placeholder={result === "N" ? "반려 사유를 입력하세요." : "처리 사유를 입력하세요. (선택)"}
+            />
+            <div className="text-right text-xs text-gray-400">[{message.length}/200]</div>
+          </div>
+
+          {mustSign && (
+            <div>
+              <div className="flex justify-between items-end mb-1">
+                <label className="text-xs font-semibold text-gray-600">사인 <span className="text-red-500">*</span></label>
+                <button className="text-xs text-blue-600 hover:underline" onClick={() => signRef.current?.clear()}>
+                  사인 Clear
+                </button>
+              </div>
+              <SignaturePad ref={signRef} width={510} height={130} />
+            </div>
+          )}
+        </div>
+        <div className="flex justify-center gap-2 border-t px-4 py-3 bg-gray-50">
+          <Button onClick={submit} disabled={submitting}>{submitting ? "저장 중..." : "저장"}</Button>
+          <Button variant="secondary" onClick={onClose} disabled={submitting}>닫기</Button>
+        </div>
+      </div>
+    </div>,
+    document.body
+  );
+}
diff --git a/src/components/approval/ApprovalRequestModal.tsx b/src/components/approval/ApprovalRequestModal.tsx
new file mode 100644
index 0000000..633a2bf
--- /dev/null
+++ b/src/components/approval/ApprovalRequestModal.tsx
@@ -0,0 +1,318 @@
+"use client";
+
+import { useEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+
+type ApprovalType = "normal" | "help" | "ref";
+
+interface Approver {
+  user_id: string;
+  user_name: string;
+  dept_name: string;
+  position_name?: string;
+  approval_type: ApprovalType;
+}
+
+interface UserOption {
+  USER_ID: string;
+  USER_NAME: string;
+  DEPT_NAME?: string;
+  POSITION_NAME?: string;
+}
+
+export interface ApprovalRequestModalProps {
+  open: boolean;
+  onClose: () => void;
+  objIds: string[];         // 결재할 대상 OBJID 배열 (다건 상신 지원)
+  targetType: string;       // PURCHASE_ORDER | CSM | EXPENSE_APPLY | EO_MNG ...
+  defaultTitle?: string;
+  defaultDescription?: string;
+  onSuccess?: () => void;   // 상신 성공 시 목록 리프레시 등
+  systemType?: string;
+}
+
+// registApproval.jsp 대응 - 결재 상신 모달 (일반/협조/참조 + 전자서명 없이 상신만)
+export function ApprovalRequestModal({
+  open, onClose, objIds, targetType,
+  defaultTitle = "", defaultDescription = "",
+  onSuccess, systemType = "PLM",
+}: ApprovalRequestModalProps) {
+  const [mounted, setMounted] = useState(false);
+  const [title, setTitle] = useState(defaultTitle);
+  const [description, setDescription] = useState(defaultDescription);
+  const [searchDept, setSearchDept] = useState("");
+  const [searchUser, setSearchUser] = useState("");
+  const [users, setUsers] = useState<UserOption[]>([]);
+  const [approvers, setApprovers] = useState<Approver[]>([]);
+  const [activeType, setActiveType] = useState<ApprovalType>("normal");
+  const [submitting, setSubmitting] = useState(false);
+  const initRef = useRef(false);
+
+  useEffect(() => { setMounted(true); }, []);
+
+  // 모달 열릴 때 초기화
+  useEffect(() => {
+    if (!open) { initRef.current = false; return; }
+    if (initRef.current) return;
+    initRef.current = true;
+    setTitle(defaultTitle);
+    setDescription(defaultDescription);
+    setApprovers([]);
+    setSearchDept("");
+    setSearchUser("");
+    // 사용자 목록 초기 로드
+    fetchUsers();
+  }, [open, defaultTitle, defaultDescription]);
+
+  const fetchUsers = async () => {
+    try {
+      const res = await fetch("/api/admin/users", {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ dept_name: searchDept, user_name: searchUser }),
+      });
+      const j = await res.json();
+      setUsers((j.RESULTLIST || []) as UserOption[]);
+    } catch { setUsers([]); }
+  };
+
+  const filteredUsers = useMemo(() => {
+    const d = searchDept.toLowerCase();
+    const u = searchUser.toLowerCase();
+    return users.filter((x) =>
+      (!d || (x.DEPT_NAME || "").toLowerCase().includes(d)) &&
+      (!u || (x.USER_NAME || "").toLowerCase().includes(u))
+    );
+  }, [users, searchDept, searchUser]);
+
+  const addApprover = (u: UserOption) => {
+    if (approvers.some((a) => a.user_id === u.USER_ID && a.approval_type === activeType)) {
+      Swal.fire("알림", "동일한 사원이 이미 해당 결재선에 있습니다.", "info");
+      return;
+    }
+    setApprovers((prev) => [
+      ...prev,
+      {
+        user_id: u.USER_ID,
+        user_name: u.USER_NAME,
+        dept_name: u.DEPT_NAME || "",
+        position_name: u.POSITION_NAME || "",
+        approval_type: activeType,
+      },
+    ]);
+  };
+
+  const removeApprover = (idx: number) => {
+    setApprovers((prev) => prev.filter((_, i) => i !== idx));
+  };
+
+  const moveApprover = (idx: number, dir: -1 | 1) => {
+    setApprovers((prev) => {
+      const next = [...prev];
+      const swap = idx + dir;
+      if (swap < 0 || swap >= next.length) return prev;
+      // 같은 타입 내에서만 순서 변경
+      if (next[idx].approval_type !== next[swap].approval_type) return prev;
+      [next[idx], next[swap]] = [next[swap], next[idx]];
+      return next;
+    });
+  };
+
+  const byType = (t: ApprovalType) => approvers.filter((a) => a.approval_type === t);
+
+  const handleSubmit = async () => {
+    if (!title.trim()) { Swal.fire("알림", "결재 제목을 입력하세요.", "warning"); return; }
+    if (byType("normal").length === 0) {
+      Swal.fire("알림", "일반 결재선을 1명 이상 지정하세요.", "warning"); return;
+    }
+    if (objIds.length === 0) {
+      Swal.fire("알림", "결재 대상이 없습니다.", "warning"); return;
+    }
+
+    const r = await Swal.fire({
+      title: "결재 상신", text: `${objIds.length}건을 상신합니다. 진행할까요?`,
+      icon: "question", showCancelButton: true,
+      confirmButtonText: "상신", cancelButtonText: "취소",
+    });
+    if (!r.isConfirmed) return;
+
+    setSubmitting(true);
+    let ok = 0, fail = 0;
+    try {
+      for (const targetObjId of objIds) {
+        try {
+          const res = await fetch("/api/approval/request", {
+            method: "POST", headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({
+              target_objid: targetObjId,
+              target_type: targetType,
+              approval_title: title,
+              approval_desc: description,
+              system_type: systemType,
+              approvers: approvers.map((a) => ({ user_id: a.user_id, approval_type: a.approval_type })),
+            }),
+          });
+          const j = await res.json();
+          if (j.success) ok++; else fail++;
+        } catch { fail++; }
+      }
+    } finally { setSubmitting(false); }
+
+    if (fail === 0) {
+      await Swal.fire({ icon: "success", title: `${ok}건 결재 상신되었습니다.`, timer: 1200, showConfirmButton: false });
+      onSuccess?.();
+      onClose();
+    } else {
+      await Swal.fire("부분 실패", `성공 ${ok}건 / 실패 ${fail}건`, "warning");
+      if (ok > 0) { onSuccess?.(); onClose(); }
+    }
+  };
+
+  if (!open || !mounted || typeof document === "undefined") return null;
+
+  return createPortal(
+    <div className="fixed inset-0 z-[9999] flex items-center justify-center">
+      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="relative bg-white rounded-lg shadow-2xl w-[860px] max-h-[88vh] overflow-hidden flex flex-col">
+        {/* 헤더 */}
+        <div className="flex items-center justify-between border-b px-4 py-2.5 bg-gray-50">
+          <h3 className="font-semibold text-gray-800">결재 상신 {objIds.length > 1 && <span className="text-xs text-blue-600 ml-2">({objIds.length}건 동시 상신)</span>}</h3>
+          <button onClick={onClose} className="text-gray-400 hover:text-gray-700 text-lg">×</button>
+        </div>
+
+        <div className="flex-1 overflow-auto p-4 grid grid-cols-2 gap-4">
+          {/* 좌: 결재내용 + 사원검색 */}
+          <div className="space-y-2">
+            <div>
+              <label className="block text-xs font-semibold text-gray-600 mb-1">결재 번호</label>
+              <Input value="결재 상신 후 자동생성됩니다." readOnly disabled className="bg-gray-50" />
+            </div>
+            <div>
+              <label className="block text-xs font-semibold text-gray-600 mb-1">제목 <span className="text-red-500">*</span></label>
+              <Input value={title} onChange={(e) => setTitle(e.target.value)} maxLength={256} />
+            </div>
+            <div>
+              <label className="block text-xs font-semibold text-gray-600 mb-1">내용</label>
+              <Input value={description} onChange={(e) => setDescription(e.target.value)} maxLength={256} />
+            </div>
+
+            <div>
+              <label className="block text-xs font-semibold text-gray-600 mb-1">결재 Type</label>
+              <div className="flex gap-3 text-sm">
+                {(["normal", "help", "ref"] as ApprovalType[]).map((t) => (
+                  <label key={t} className="flex items-center gap-1 cursor-pointer">
+                    <input type="radio" checked={activeType === t} onChange={() => setActiveType(t)} />
+                    <span>{t === "normal" ? "일반" : t === "help" ? "협조" : "참조"}</span>
+                  </label>
+                ))}
+              </div>
+            </div>
+
+            <div className="grid grid-cols-3 gap-2 items-end">
+              <div>
+                <label className="block text-xs font-semibold text-gray-600 mb-1">부서</label>
+                <Input value={searchDept} onChange={(e) => setSearchDept(e.target.value)}
+                  onKeyUp={(e) => e.key === "Enter" && fetchUsers()} />
+              </div>
+              <div>
+                <label className="block text-xs font-semibold text-gray-600 mb-1">성명</label>
+                <Input value={searchUser} onChange={(e) => setSearchUser(e.target.value)}
+                  onKeyUp={(e) => e.key === "Enter" && fetchUsers()} />
+              </div>
+              <Button size="sm" onClick={fetchUsers}>조회</Button>
+            </div>
+
+            <div className="border border-gray-300 rounded overflow-hidden">
+              <div className="bg-blue-50 px-2 py-1 text-xs font-semibold text-gray-700">사원조회 ({filteredUsers.length}명)</div>
+              <div className="max-h-[220px] overflow-auto">
+                <table className="w-full text-xs">
+                  <thead className="bg-gray-50 sticky top-0">
+                    <tr>
+                      <th className="px-2 py-1 text-left">부서</th>
+                      <th className="px-2 py-1 text-left">이름</th>
+                      <th className="px-2 py-1 text-left">직책</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {filteredUsers.length === 0 ? (
+                      <tr><td colSpan={3} className="text-center text-gray-400 py-3">조회된 정보가 없습니다.</td></tr>
+                    ) : filteredUsers.map((u) => (
+                      <tr key={u.USER_ID} className="hover:bg-blue-50 cursor-pointer" onClick={() => addApprover(u)}>
+                        <td className="px-2 py-1 border-t">{u.DEPT_NAME || "-"}</td>
+                        <td className="px-2 py-1 border-t">{u.USER_NAME}</td>
+                        <td className="px-2 py-1 border-t">{u.POSITION_NAME || "-"}</td>
+                      </tr>
+                    ))}
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+
+          {/* 우: 결재선 */}
+          <div className="space-y-3">
+            {(["normal", "help", "ref"] as ApprovalType[]).map((t) => (
+              <div key={t}>
+                <div className="text-xs font-bold text-gray-700 mb-1">
+                  {t === "normal" ? "일반 결재" : t === "help" ? "협조 결재" : "참조 결재"}
+                  {t === "normal" && <span className="text-red-500 ml-1">*</span>}
+                </div>
+                <div className="border border-gray-300 rounded overflow-hidden">
+                  <table className="w-full text-xs">
+                    <thead className="bg-gray-50">
+                      <tr>
+                        <th className="w-10 px-2 py-1 text-center">순서</th>
+                        <th className="px-2 py-1 text-left">부서</th>
+                        <th className="px-2 py-1 text-left">이름</th>
+                        <th className="px-2 py-1 text-left">직책</th>
+                        <th className="w-24 px-2 py-1 text-center">이동/삭제</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {byType(t).length === 0 ? (
+                        <tr><td colSpan={5} className="text-center text-gray-400 py-3">결재선이 비어있습니다. 좌측 사원목록 클릭으로 추가</td></tr>
+                      ) : (
+                        byType(t).map((a, localIdx) => {
+                          // 전체 approvers 에서의 실제 인덱스
+                          const realIdx = approvers.findIndex(
+                            (x, i) => i >= 0 && x === a && approvers.slice(0, i).filter((y) => y.approval_type === t).length === localIdx
+                          );
+                          return (
+                            <tr key={`${a.user_id}-${localIdx}`}>
+                              <td className="px-2 py-1 border-t text-center">{localIdx + 1}</td>
+                              <td className="px-2 py-1 border-t">{a.dept_name || "-"}</td>
+                              <td className="px-2 py-1 border-t">{a.user_name}</td>
+                              <td className="px-2 py-1 border-t">{a.position_name || "-"}</td>
+                              <td className="px-2 py-1 border-t text-center whitespace-nowrap">
+                                {t === "normal" && (
+                                  <>
+                                    <button className="text-gray-500 hover:text-gray-700 px-1" onClick={() => moveApprover(realIdx, -1)} disabled={localIdx === 0}>▲</button>
+                                    <button className="text-gray-500 hover:text-gray-700 px-1" onClick={() => moveApprover(realIdx, 1)} disabled={localIdx === byType(t).length - 1}>▼</button>
+                                  </>
+                                )}
+                                <button className="text-red-500 hover:text-red-700 px-1" onClick={() => removeApprover(realIdx)}>×</button>
+                              </td>
+                            </tr>
+                          );
+                        })
+                      )}
+                    </tbody>
+                  </table>
+                </div>
+              </div>
+            ))}
+          </div>
+        </div>
+
+        {/* 푸터 */}
+        <div className="flex justify-center gap-2 border-t px-4 py-3 bg-gray-50">
+          <Button onClick={handleSubmit} disabled={submitting}>{submitting ? "상신 중..." : "상신"}</Button>
+          <Button variant="secondary" onClick={onClose} disabled={submitting}>닫기</Button>
+        </div>
+      </div>
+    </div>,
+    document.body
+  );
+}
diff --git a/src/components/approval/ApprovalStatusBadge.tsx b/src/components/approval/ApprovalStatusBadge.tsx
new file mode 100644
index 0000000..6b2bd3a
--- /dev/null
+++ b/src/components/approval/ApprovalStatusBadge.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+
+// 결재 상태 공통 뱃지 - 어느 목록의 상태 컬럼에서도 사용 가능
+// status 는 APPR_STATUS(DB 원본) 또는 한글 APPR_STATUS_NAME 둘 다 인식
+export function ApprovalStatusBadge({ status, onClick, className }: {
+  status: unknown;
+  onClick?: () => void;
+  className?: string;
+}) {
+  const raw = String(status ?? "").trim();
+  if (!raw) return <span className="text-gray-400">-</span>;
+
+  const upper = raw.toUpperCase();
+  let label = raw;
+  let color = "bg-gray-100 text-gray-700 border-gray-300";
+
+  if (upper === "INPROCESS" || raw === "결재중") {
+    label = "결재중"; color = "bg-blue-50 text-blue-700 border-blue-200";
+  } else if (upper === "COMPLETE" || raw === "결재완료" || raw === "승인") {
+    label = raw === "승인" ? "승인" : "결재완료"; color = "bg-emerald-50 text-emerald-700 border-emerald-200";
+  } else if (upper === "REJECT" || raw === "반려") {
+    label = "반려"; color = "bg-rose-50 text-rose-700 border-rose-200";
+  } else if (upper === "CANCEL" || raw === "취소" || raw === "결재취소") {
+    label = "취소"; color = "bg-gray-100 text-gray-500 border-gray-300";
+  } else if (upper === "READY" || raw === "진행중" || raw === "대기중") {
+    label = "진행중"; color = "bg-amber-50 text-amber-700 border-amber-200";
+  } else if (upper === "STANDBY" || raw === "대기") {
+    label = "대기"; color = "bg-gray-50 text-gray-600 border-gray-300";
+  }
+
+  return (
+    <span
+      onClick={onClick}
+      className={cn(
+        "inline-flex items-center px-2 py-0.5 text-xs rounded border whitespace-nowrap",
+        color,
+        onClick && "cursor-pointer hover:underline",
+        className
+      )}
+    >
+      {label}
+    </span>
+  );
+}
diff --git a/src/components/approval/SignaturePad.tsx b/src/components/approval/SignaturePad.tsx
new file mode 100644
index 0000000..49f24ed
--- /dev/null
+++ b/src/components/approval/SignaturePad.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import { useEffect, useImperativeHandle, useRef, forwardRef } from "react";
+
+export interface SignaturePadHandle {
+  isSigned: () => boolean;
+  clear: () => void;
+  toDataURL: () => string;
+  getDimensions: () => { width: number; height: number };
+}
+
+interface Props {
+  width?: number;
+  height?: number;
+  className?: string;
+}
+
+// approvalDetailResultPopup.jsp 의 signCanvas 대응 - 터치/마우스 서명 캔버스
+export const SignaturePad = forwardRef<SignaturePadHandle, Props>(function SignaturePad(
+  { width = 480, height = 140, className },
+  ref
+) {
+  const canvasRef = useRef<HTMLCanvasElement>(null);
+  const signedRef = useRef(false);
+
+  useImperativeHandle(ref, () => ({
+    isSigned: () => signedRef.current,
+    clear: () => {
+      const c = canvasRef.current;
+      if (!c) return;
+      const ctx = c.getContext("2d");
+      if (!ctx) return;
+      ctx.clearRect(0, 0, c.width, c.height);
+      signedRef.current = false;
+    },
+    toDataURL: () => canvasRef.current?.toDataURL("image/png") || "",
+    getDimensions: () => ({
+      width: canvasRef.current?.width || width,
+      height: canvasRef.current?.height || height,
+    }),
+  }));
+
+  useEffect(() => {
+    const canvas = canvasRef.current;
+    if (!canvas) return;
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return;
+    ctx.lineWidth = 2;
+    ctx.lineCap = "round";
+    ctx.strokeStyle = "#111";
+
+    let drawing = false;
+    let lastX = 0;
+    let lastY = 0;
+
+    const getPos = (e: MouseEvent | TouchEvent) => {
+      const rect = canvas.getBoundingClientRect();
+      if (e instanceof MouseEvent) {
+        return { x: e.clientX - rect.left, y: e.clientY - rect.top };
+      }
+      const t = e.touches[0];
+      return { x: t.clientX - rect.left, y: t.clientY - rect.top };
+    };
+
+    const start = (e: MouseEvent | TouchEvent) => {
+      e.preventDefault();
+      drawing = true;
+      signedRef.current = true;
+      const { x, y } = getPos(e);
+      lastX = x; lastY = y;
+    };
+    const move = (e: MouseEvent | TouchEvent) => {
+      if (!drawing) return;
+      e.preventDefault();
+      const { x, y } = getPos(e);
+      ctx.beginPath();
+      ctx.moveTo(lastX, lastY);
+      ctx.lineTo(x, y);
+      ctx.stroke();
+      lastX = x; lastY = y;
+    };
+    const end = () => { drawing = false; };
+
+    canvas.addEventListener("mousedown", start);
+    canvas.addEventListener("mousemove", move);
+    canvas.addEventListener("mouseup", end);
+    canvas.addEventListener("mouseleave", end);
+    canvas.addEventListener("touchstart", start, { passive: false });
+    canvas.addEventListener("touchmove", move, { passive: false });
+    canvas.addEventListener("touchend", end);
+    canvas.addEventListener("touchcancel", end);
+
+    return () => {
+      canvas.removeEventListener("mousedown", start);
+      canvas.removeEventListener("mousemove", move);
+      canvas.removeEventListener("mouseup", end);
+      canvas.removeEventListener("mouseleave", end);
+      canvas.removeEventListener("touchstart", start);
+      canvas.removeEventListener("touchmove", move);
+      canvas.removeEventListener("touchend", end);
+      canvas.removeEventListener("touchcancel", end);
+    };
+  }, []);
+
+  return (
+    <canvas
+      ref={canvasRef}
+      width={width}
+      height={height}
+      className={`border border-gray-400 bg-white cursor-crosshair touch-none ${className || ""}`}
+    />
+  );
+});
diff --git a/src/components/approval/TargetLinkMap.ts b/src/components/approval/TargetLinkMap.ts
new file mode 100644
index 0000000..f0c4037
--- /dev/null
+++ b/src/components/approval/TargetLinkMap.ts
@@ -0,0 +1,47 @@
+// approvalDetail.jsp 의 btnTargetLink 맵 대응 — 결재 대상 문서 상세 팝업 열기
+// 결재 상세에서 "해당문서" 아이콘 클릭 시 각 모듈의 상세 팝업으로 분기
+
+interface PopupConfig {
+  url: (objId: string) => string;
+  width: number;
+  height: number;
+}
+
+export const TARGET_LINK_MAP: Record<string, PopupConfig> = {
+  AS_MNG: { url: (id) => `/cs/manage/form?objId=${encodeURIComponent(id)}`, width: 1400, height: 950 },
+  CSM: { url: (id) => `/cs/manage/form?objId=${encodeURIComponent(id)}`, width: 1400, height: 950 },
+  EXPENSE_APPLY: { url: (id) => `/fund/expense-form/form?objId=${encodeURIComponent(id)}`, width: 1200, height: 850 },
+  PURCHASE_ORDER: { url: (id) => `/purchase-order/form?objId=${encodeURIComponent(id)}`, width: 1220, height: 960 },
+  INVOICE: { url: (id) => `/fund/invoice/form?objId=${encodeURIComponent(id)}`, width: 1000, height: 880 },
+  DEFECT_ACTION: { url: (id) => `/scm/defect/form?objId=${encodeURIComponent(id)}`, width: 920, height: 820 },
+  SALES_REQUEST: { url: (id) => `/sales/request/form?objId=${encodeURIComponent(id)}`, width: 1100, height: 600 },
+  EO_MNG: { url: (id) => `/eo/form?objId=${encodeURIComponent(id)}`, width: 1000, height: 800 },
+  ECR_MNG: { url: (id) => `/ecr/form?objId=${encodeURIComponent(id)}`, width: 1000, height: 800 },
+  ISSUE_RELEASE: { url: (id) => `/production/issue/form?objId=${encodeURIComponent(id)}`, width: 1350, height: 630 },
+  MATERIAL_APPLY: { url: (id) => `/inventory/request/form?objId=${encodeURIComponent(id)}`, width: 1500, height: 680 },
+};
+
+export const TARGET_NAME_MAP: Record<string, string> = {
+  PURCHASE_ORDER: "발주",
+  EXPENSE_APPLY: "경비",
+  MATERIAL_APPLY: "자재",
+  AS_MNG: "CS/AS",
+  CSM: "고객서비스",
+  ISSUE_RELEASE: "이슈",
+  EO_MNG: "설변(EO)",
+  ECR_MNG: "변경요청(ECR)",
+  SALES_REQUEST: "영업요청",
+  INVOICE: "세금계산서",
+  DEFECT_ACTION: "불량조치",
+};
+
+export function openTargetDocument(targetType: string, targetObjId: string) {
+  const cfg = TARGET_LINK_MAP[targetType];
+  if (!cfg || !targetObjId) return false;
+  const w = cfg.width, h = cfg.height;
+  const left = Math.max(0, (window.screen.width - w) / 2);
+  const top = Math.max(0, (window.screen.height - h) / 2);
+  window.open(cfg.url(targetObjId), `target_${targetType}_${targetObjId}`,
+    `width=${w},height=${h},left=${left},top=${top}`);
+  return true;
+}
diff --git a/src/components/approval/index.ts b/src/components/approval/index.ts
new file mode 100644
index 0000000..46dc391
--- /dev/null
+++ b/src/components/approval/index.ts
@@ -0,0 +1,10 @@
+export { ApprovalButton } from "./ApprovalButton";
+export type { ApprovalButtonProps } from "./ApprovalButton";
+export { ApprovalRequestModal } from "./ApprovalRequestModal";
+export type { ApprovalRequestModalProps } from "./ApprovalRequestModal";
+export { ApprovalDecisionModal } from "./ApprovalDecisionModal";
+export type { ApprovalDecisionModalProps } from "./ApprovalDecisionModal";
+export { ApprovalStatusBadge } from "./ApprovalStatusBadge";
+export { SignaturePad } from "./SignaturePad";
+export type { SignaturePadHandle } from "./SignaturePad";
+export { TARGET_LINK_MAP, TARGET_NAME_MAP, openTargetDocument } from "./TargetLinkMap";
diff --git a/src/components/form/SimpleFormPopup.tsx b/src/components/form/SimpleFormPopup.tsx
new file mode 100644
index 0000000..dfa5d47
--- /dev/null
+++ b/src/components/form/SimpleFormPopup.tsx
@@ -0,0 +1,138 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { useSearchParams } from "next/navigation";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { CodeSelect } from "@/components/ui/code-select";
+import Swal from "sweetalert2";
+
+export interface FormField {
+  key: string;
+  label: string;
+  type?: "text" | "number" | "date" | "textarea" | "codeselect";
+  codeId?: string;
+  required?: boolean;
+  disabled?: boolean;
+  defaultValue?: string;
+}
+
+interface SimpleFormPopupProps {
+  title: string;
+  fields: FormField[];
+  detailUrl?: string; // /api/xxx/detail
+  saveUrl: string;    // /api/xxx/save
+  titleField?: string; // header에 표시할 필드 (번호 등)
+  onBeforeSave?: (form: Record<string, string>) => Record<string, string> | null;
+}
+
+export default function SimpleFormPopup({
+  title, fields, detailUrl, saveUrl, titleField, onBeforeSave,
+}: SimpleFormPopupProps) {
+  const searchParams = useSearchParams();
+  const objId = searchParams.get("objId") || "";
+  const isNew = !objId;
+
+  const [form, setForm] = useState<Record<string, string>>(() => {
+    const init: Record<string, string> = {};
+    fields.forEach((f) => { if (f.defaultValue !== undefined) init[f.key] = f.defaultValue; });
+    return init;
+  });
+  const [loading, setLoading] = useState(false);
+  const set = (k: string, v: string) => setForm((p) => ({ ...p, [k]: v }));
+
+  const fetchDetail = useCallback(async () => {
+    if (!objId || !detailUrl) return;
+    const res = await fetch(detailUrl, {
+      method: "POST", headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ objId }),
+    });
+    const json = await res.json();
+    if (json.success && json.data) {
+      const data = json.data as Record<string, unknown>;
+      // 대문자/소문자 양쪽 지원하여 form에 매핑
+      const next: Record<string, string> = {};
+      fields.forEach((f) => {
+        const upper = f.key.toUpperCase();
+        const lower = f.key.toLowerCase();
+        next[f.key] = String(data[upper] ?? data[lower] ?? data[f.key] ?? "");
+      });
+      setForm((prev) => ({ ...prev, ...next, objId }));
+    }
+  }, [objId, detailUrl, fields]);
+
+  useEffect(() => { if (!isNew) fetchDetail(); }, [isNew, fetchDetail]);
+
+  const handleSave = async () => {
+    for (const f of fields) {
+      if (f.required && !form[f.key]) {
+        Swal.fire("알림", `${f.label}을(를) 입력하세요.`, "warning");
+        return;
+      }
+    }
+    setLoading(true);
+    try {
+      let payload: Record<string, string> = {
+        ...form,
+        actionType: isNew ? "regist" : "update",
+      };
+      if (!isNew) payload.objId = objId;
+      if (onBeforeSave) {
+        const r = onBeforeSave(payload);
+        if (!r) { setLoading(false); return; }
+        payload = r;
+      }
+      const res = await fetch(saveUrl, {
+        method: "POST", headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(payload),
+      });
+      const json = await res.json();
+      if (json.success) {
+        Swal.fire({ icon: "success", title: json.message, timer: 1500, showConfirmButton: false });
+        if (window.opener) { try { window.opener.location.reload(); } catch { /* */ } }
+        if (isNew) {
+          setTimeout(() => window.close(), 1500);
+        }
+      } else {
+        Swal.fire("오류", json.message || "저장 실패", "error");
+      }
+    } catch {
+      Swal.fire("오류", "저장 중 오류가 발생했습니다.", "error");
+    } finally { setLoading(false); }
+  };
+
+  const renderField = (f: FormField) => {
+    const v = form[f.key] || "";
+    if (f.type === "codeselect" && f.codeId) {
+      return <CodeSelect codeId={f.codeId} value={v} onChange={(val) => set(f.key, val)} disabled={f.disabled} />;
+    }
+    if (f.type === "textarea") {
+      return <textarea value={v} onChange={(e) => set(f.key, e.target.value)} disabled={f.disabled}
+        className="flex min-h-[60px] w-full rounded border border-gray-300 bg-white px-3 py-1 text-sm disabled:opacity-50" />;
+    }
+    return <Input type={f.type || "text"} value={v} onChange={(e) => set(f.key, e.target.value)} disabled={f.disabled} />;
+  };
+
+  return (
+    <div className="p-5 max-w-[800px] mx-auto">
+      <h2 className="text-lg font-bold text-gray-800 mb-4">
+        {isNew ? `${title} 등록` : `${title} 수정`}
+        {titleField && form[titleField] && ` (${form[titleField]})`}
+      </h2>
+      <div className="text-sm">
+        {fields.map((f) => (
+          <div key={f.key} className="flex items-start gap-2 mb-3">
+            <label className="w-[120px] text-xs font-medium text-gray-600 shrink-0 pt-2">
+              {f.label} {f.required && <span className="text-red-400">*</span>}
+            </label>
+            <div className="flex-1">{renderField(f)}</div>
+          </div>
+        ))}
+      </div>
+      <div className="flex justify-center gap-3 mt-5 pt-4 border-t">
+        <Button onClick={handleSave} disabled={loading}>{loading ? "저장 중..." : "저장"}</Button>
+        <Button variant="secondary" onClick={() => window.close()}>닫기</Button>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/grid/data-grid.tsx b/src/components/grid/data-grid.tsx
new file mode 100644
index 0000000..bf15cc0
--- /dev/null
+++ b/src/components/grid/data-grid.tsx
@@ -0,0 +1,370 @@
+"use client";
+
+import type { ReactNode } from "react";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { cn } from "@/lib/utils";
+import { numberWithCommas } from "@/lib/utils";
+import { Pagination } from "@/components/ui/pagination";
+
+// Tabulator 대응 - 데이터 그리드 컴포넌트
+export interface GridColumn {
+  title: string;
+  field?: string;
+  width?: number | string;
+  hozAlign?: "left" | "center" | "right";
+  headerHozAlign?: "left" | "center" | "right";
+  formatter?: "money" | "link" | "checkbox" | "rowSelection" | ((cell: unknown, row: Record<string, unknown>) => ReactNode);
+  formatterParams?: Record<string, unknown>;
+  visible?: boolean;
+  frozen?: boolean;
+  editor?: boolean;
+  cellClick?: (row: Record<string, unknown>) => void;
+  // 그룹 헤더용 — columns가 있으면 field는 무시되고 하위 컬럼을 렌더
+  columns?: GridColumn[];
+}
+
+interface DataGridProps {
+  columns: GridColumn[];
+  dataUrl?: string;
+  data?: Record<string, unknown>[];
+  formId?: string;
+  showCheckbox?: boolean;
+  height?: string;
+  className?: string;
+  onRowClick?: (row: Record<string, unknown>) => void;
+  onSelectionChange?: (rows: Record<string, unknown>[]) => void;
+  searchParams?: Record<string, string>;
+  // 페이지네이션 (기본 활성, false 전달 시 비활성)
+  pagination?: boolean;
+  pageSize?: number;
+  // 외부 로딩 상태 (data prop 모드일 때 fetchData 타이밍을 알리기 위해)
+  loading?: boolean;
+}
+
+export function DataGrid({
+  columns,
+  dataUrl,
+  data: initialData,
+  showCheckbox = false,
+  height,
+  className,
+  onRowClick,
+  onSelectionChange,
+  searchParams = {},
+  pagination = true,
+  pageSize: initialPageSize = 20,
+  loading: externalLoading,
+}: DataGridProps) {
+  const [data, setData] = useState<Record<string, unknown>[]>(initialData || []);
+  const [selectedRows, setSelectedRows] = useState<Set<number>>(new Set());
+  const [currentPage, setCurrentPage] = useState(1);
+  const [pageSize, setPageSize] = useState(initialPageSize);
+  const [sortField, setSortField] = useState<string>("");
+  const [sortDir, setSortDir] = useState<"asc" | "desc">("asc");
+  const [loading, setLoading] = useState(false);
+  const [totalCount, setTotalCount] = useState(0);
+
+  const fetchData = useCallback(async () => {
+    if (!dataUrl) return;
+    setLoading(true);
+    try {
+      const params = new URLSearchParams(searchParams);
+      const res = await fetch(dataUrl, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify(Object.fromEntries(params)),
+      });
+      if (res.ok) {
+        const json = await res.json();
+        const list = json.RESULTLIST || json.data || json;
+        setData(Array.isArray(list) ? list : []);
+        setTotalCount(json.TOTAL_CNT || list.length || 0);
+      }
+    } catch (err) {
+      console.error("Grid data fetch error:", err);
+    } finally {
+      setLoading(false);
+    }
+  }, [dataUrl, searchParams]);
+
+  useEffect(() => {
+    if (dataUrl) fetchData();
+  }, [fetchData, dataUrl]);
+
+  useEffect(() => {
+    if (initialData) {
+      setData(initialData);
+      setCurrentPage(1); // 데이터가 갱신되면 1페이지로 리셋
+    }
+  }, [initialData]);
+
+  // 현재 페이지 데이터 slice
+  const pagedData = useMemo(() => {
+    if (!pagination) return data;
+    const start = (currentPage - 1) * pageSize;
+    return data.slice(start, start + pageSize);
+  }, [data, currentPage, pageSize, pagination]);
+
+  const handleSort = (field: string) => {
+    const newDir = sortField === field && sortDir === "asc" ? "desc" : "asc";
+    setSortField(field);
+    setSortDir(newDir);
+    setData((prev) =>
+      [...prev].sort((a, b) => {
+        const aVal = String(a[field] || "");
+        const bVal = String(b[field] || "");
+        return newDir === "asc" ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
+      })
+    );
+  };
+
+  const toggleRow = (idx: number) => {
+    const next = new Set(selectedRows);
+    if (next.has(idx)) next.delete(idx);
+    else next.add(idx);
+    setSelectedRows(next);
+    onSelectionChange?.(data.filter((_, i) => next.has(i)));
+  };
+
+  const toggleAll = () => {
+    if (selectedRows.size === data.length) {
+      setSelectedRows(new Set());
+      onSelectionChange?.([]);
+    } else {
+      const all = new Set(data.map((_, i) => i));
+      setSelectedRows(all);
+      onSelectionChange?.(data);
+    }
+  };
+
+  const formatCell = (col: GridColumn, value: unknown, row: Record<string, unknown>): ReactNode => {
+    if (typeof col.formatter === "function") {
+      return col.formatter(value, row);
+    }
+    if (col.formatter === "money") {
+      return numberWithCommas(Number(value) || 0);
+    }
+    return String(value ?? "");
+  };
+
+  const visibleColumns = columns.filter((c) => c.visible !== false);
+
+  // 그룹 컬럼 → 리프(실제 데이터 컬럼)만 평탄화
+  const flatten = (cols: GridColumn[]): GridColumn[] =>
+    cols.flatMap((c) =>
+      c.columns && c.columns.length > 0 ? flatten(c.columns.filter((sc) => sc.visible !== false)) : [c]
+    );
+  const leafColumns = flatten(visibleColumns);
+
+  // 틀고정 컬럼 누적 left 오프셋 (좌측부터 연속된 frozen 가정)
+  const CHECKBOX_WIDTH = 40;
+  const frozenLefts = new Map<string, number>();
+  {
+    let offset = showCheckbox ? CHECKBOX_WIDTH : 0;
+    for (const col of leafColumns) {
+      if (col.frozen) {
+        frozenLefts.set(col.field || col.title, offset);
+        offset += typeof col.width === "number" ? col.width : 120;
+      }
+    }
+  }
+  const getFrozenLeft = (col: GridColumn): number | undefined =>
+    col.frozen ? frozenLefts.get(col.field || col.title) : undefined;
+
+  // 그룹 헤더 뎁스 계산 (최대 중첩 수)
+  const depth = (cols: GridColumn[]): number =>
+    cols.reduce((m, c) => Math.max(m, c.columns && c.columns.length > 0 ? 1 + depth(c.columns.filter((sc) => sc.visible !== false)) : 1), 0);
+  const maxDepth = Math.max(1, depth(visibleColumns));
+
+  // 뎁스별 헤더 행 생성
+  const headerRows: GridColumn[][] = Array.from({ length: maxDepth }, () => []);
+  const fill = (cols: GridColumn[], rowIdx: number) => {
+    cols.forEach((c) => {
+      if (c.columns && c.columns.length > 0) {
+        headerRows[rowIdx].push(c);
+        fill(c.columns.filter((sc) => sc.visible !== false), rowIdx + 1);
+      } else {
+        headerRows[rowIdx].push({ ...c, rowSpan: maxDepth - rowIdx } as GridColumn & { rowSpan: number });
+      }
+    });
+  };
+  fill(visibleColumns, 0);
+
+  // 그룹 컬럼 span 계산 (리프 개수)
+  const colSpan = (c: GridColumn): number => {
+    if (!c.columns || c.columns.length === 0) return 1;
+    return c.columns.filter((sc) => sc.visible !== false).reduce((s, sc) => s + colSpan(sc), 0);
+  };
+
+  const isLoading = loading || externalLoading;
+
+  // height가 명시되지 않으면 부모의 flex 컬럼에서 남는 공간을 자동으로 채운다.
+  const autoFill = !height;
+
+  return (
+    <div
+      className={cn(
+        "relative border border-gray-200 rounded bg-white",
+        autoFill && "flex-1 min-h-0 flex flex-col",
+        className,
+      )}
+    >
+      {isLoading && (
+        <div className="absolute inset-0 z-20 flex items-center justify-center bg-white/70 backdrop-blur-[1px]">
+          <div className="flex flex-col items-center gap-3">
+            <div className="w-12 h-12 border-4 border-gray-300 border-t-primary rounded-full animate-spin" />
+            <span className="text-sm font-semibold text-gray-700">Loading...</span>
+          </div>
+        </div>
+      )}
+
+      {/* 테이블 */}
+      <div
+        className={cn("overflow-auto", autoFill && "flex-1 min-h-0")}
+        style={autoFill ? undefined : { maxHeight: height }}
+      >
+        <table className="w-full text-sm border-collapse" style={{ minWidth: "max-content" }}>
+          <thead className="sticky top-0 z-10 bg-gray-50">
+            {headerRows.map((row, rIdx) => (
+              <tr key={rIdx}>
+                {rIdx === 0 && showCheckbox && (
+                  <th
+                    rowSpan={maxDepth}
+                    className="w-10 border-b border-r border-gray-200 px-2 py-2 text-center bg-gray-50"
+                    style={{ position: "sticky", left: 0, zIndex: 12 }}
+                  >
+                    <input
+                      type="checkbox"
+                      checked={selectedRows.size === data.length && data.length > 0}
+                      onChange={toggleAll}
+                      className="rounded"
+                    />
+                  </th>
+                )}
+                {row.map((col, cIdx) => {
+                  const isGroup = !!(col.columns && col.columns.length > 0);
+                  const span = isGroup ? colSpan(col) : 1;
+                  const rSpan = (col as GridColumn & { rowSpan?: number }).rowSpan || 1;
+                  const frozenLeft = getFrozenLeft(col);
+                  const isFrozen = frozenLeft !== undefined;
+                  return (
+                    <th
+                      key={`${rIdx}-${cIdx}-${col.field || col.title}`}
+                      colSpan={span}
+                      rowSpan={rSpan}
+                      className={cn(
+                        "border-b border-r border-gray-200 px-3 py-2 font-semibold text-gray-700 whitespace-nowrap",
+                        !isGroup && col.field ? "cursor-pointer hover:bg-gray-100" : "bg-gray-100",
+                        isFrozen && "bg-gray-50"
+                      )}
+                      style={{
+                        width: col.width,
+                        textAlign: col.headerHozAlign || "center",
+                        ...(isFrozen ? { position: "sticky", left: frozenLeft, zIndex: 12 } : {}),
+                      }}
+                      onClick={() => !isGroup && col.field && handleSort(col.field)}
+                    >
+                      {col.title}
+                      {!isGroup && col.field && sortField === col.field && (
+                        <span className="ml-1 text-xs">{sortDir === "asc" ? "▲" : "▼"}</span>
+                      )}
+                    </th>
+                  );
+                })}
+              </tr>
+            ))}
+          </thead>
+          <tbody>
+            {pagedData.length === 0 ? (
+              <tr>
+                <td
+                  colSpan={leafColumns.length + (showCheckbox ? 1 : 0)}
+                  className="text-center py-12 text-gray-400"
+                >
+                  데이터가 없습니다.
+                </td>
+              </tr>
+            ) : (
+              pagedData.map((row, relIdx) => {
+                const idx = pagination ? (currentPage - 1) * pageSize + relIdx : relIdx;
+                const rowBg = selectedRows.has(idx) ? "#EFF6FF" : "#FFFFFF";
+                return (
+                <tr
+                  key={idx}
+                  className={cn(
+                    "border-b border-gray-100 hover:bg-blue-50/50 transition-colors cursor-pointer",
+                    selectedRows.has(idx) && "bg-blue-50"
+                  )}
+                  onClick={() => onRowClick?.(row)}
+                >
+                  {showCheckbox && (
+                    <td
+                      className="px-2 py-2 text-center border-r border-gray-100"
+                      style={{ position: "sticky", left: 0, zIndex: 2, background: rowBg }}
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      <input
+                        type="checkbox"
+                        checked={selectedRows.has(idx)}
+                        onChange={() => toggleRow(idx)}
+                        className="rounded"
+                      />
+                    </td>
+                  )}
+                  {leafColumns.map((col, cIdx) => {
+                    const frozenLeft = getFrozenLeft(col);
+                    const isFrozen = frozenLeft !== undefined;
+                    return (
+                    <td
+                      key={`${col.field || col.title}-${cIdx}`}
+                      className="px-3 py-2 whitespace-nowrap border-r border-gray-100"
+                      style={{
+                        textAlign: col.hozAlign || "left",
+                        ...(isFrozen ? { position: "sticky", left: frozenLeft, zIndex: 2, background: rowBg } : {}),
+                      }}
+                      onClick={(e) => {
+                        if (col.cellClick) {
+                          e.stopPropagation();
+                          col.cellClick(row);
+                        }
+                      }}
+                    >
+                      {col.cellClick ? (
+                        <span className="text-primary hover:underline cursor-pointer">
+                          {formatCell(col, col.field ? row[col.field] : undefined, row)}
+                        </span>
+                      ) : (
+                        formatCell(col, col.field ? row[col.field] : undefined, row)
+                      )}
+                    </td>
+                    );
+                  })}
+                </tr>
+              );
+              })
+            )}
+          </tbody>
+        </table>
+      </div>
+      {pagination && data.length > 0 && (
+        <div className="border-t border-gray-200 bg-white">
+          <Pagination
+            currentPage={currentPage}
+            totalCount={totalCount || data.length}
+            pageSize={pageSize}
+            onPageChange={setCurrentPage}
+            onPageSizeChange={(s) => { setPageSize(s); setCurrentPage(1); }}
+          />
+        </div>
+      )}
+    </div>
+  );
+}
+
+// 외부에서 데이터를 제어하기 위한 헬퍼
+export function getSelectedData(
+  data: Record<string, unknown>[],
+  selectedIndices: Set<number>
+): Record<string, unknown>[] {
+  return data.filter((_, i) => selectedIndices.has(i));
+}
diff --git a/src/components/layout/header.tsx b/src/components/layout/header.tsx
new file mode 100644
index 0000000..05ab652
--- /dev/null
+++ b/src/components/layout/header.tsx
@@ -0,0 +1,148 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { cn } from "@/lib/utils";
+import { useAuthStore } from "@/store/auth-store";
+import { useMenuStore } from "@/store/menu-store";
+import { useThemeStore } from "@/store/theme-store";
+import {
+  Bell, LogOut, Sun, Moon, User, BookOpen,
+  Home, Shield,
+} from "lucide-react";
+
+export function Header() {
+  const { user, logout } = useAuthStore();
+  const { topMenus, activeTopMenu, fetchTopMenus, fetchSideMenus } = useMenuStore();
+  const { theme, toggleTheme } = useThemeStore();
+  const [approvalCount, setApprovalCount] = useState(0);
+
+  useEffect(() => {
+    fetchTopMenus();
+  }, [fetchTopMenus]);
+
+  useEffect(() => {
+    const fetchApprovalCount = async () => {
+      try {
+        const res = await fetch("/api/approval/count");
+        if (res.ok) {
+          const data = await res.json();
+          setApprovalCount(data.count || 0);
+        }
+      } catch { /* ignore */ }
+    };
+    fetchApprovalCount();
+    const interval = setInterval(fetchApprovalCount, 60000);
+    return () => clearInterval(interval);
+  }, []);
+
+  // 관리자 메뉴 분리 (기존 header.jsp openAdminMngPop 대응)
+  const userMenus = topMenus.filter((m) => m.MENU_NAME_KOR !== "관리자");
+  const adminMenu = topMenus.find((m) => m.MENU_NAME_KOR === "관리자");
+
+  // 초기 로드: 항상 "사용자" 메뉴의 사이드바를 불러오기
+  useEffect(() => {
+    if (topMenus.length > 0 && !activeTopMenu) {
+      // "관리자" 제외하고 "사용자" 메뉴를 명시적으로 찾아서 로드
+      const userMenu = topMenus.find((m) => m.MENU_NAME_KOR !== "관리자");
+      if (userMenu) {
+        fetchSideMenus(userMenu.OBJID);
+      }
+    }
+  }, [topMenus, activeTopMenu, fetchSideMenus]);
+
+  const handleTopMenuClick = (menuObjId: string) => {
+    fetchSideMenus(menuObjId);
+  };
+
+  // 기존 openAdminMngPop() 대응 - 관리자 팝업
+  const openAdminPopup = () => {
+    if (adminMenu) {
+      window.open(
+        `/admin-panel?menuId=${adminMenu.OBJID}`,
+        "adminPanel",
+        "width=1630,height=950,menuBar=no,status=no"
+      );
+    }
+  };
+
+  return (
+    <header className="h-12 bg-white border-b border-gray-200 flex items-center px-4 shrink-0">
+      <button
+        onClick={() => {
+          if (userMenus.length > 0) handleTopMenuClick(userMenus[0].OBJID);
+        }}
+        className="mr-4 text-gray-500 hover:text-primary transition-colors"
+      >
+        <Home size={18} />
+      </button>
+
+      {/* 상위 메뉴 - 관리자 제외 */}
+      <nav className="flex items-center gap-1 flex-1 overflow-x-auto">
+        {userMenus.map((menu) => (
+          <button
+            key={menu.OBJID}
+            onClick={() => handleTopMenuClick(menu.OBJID)}
+            className={cn(
+              "px-3 py-1.5 text-[13px] rounded whitespace-nowrap transition-colors",
+              activeTopMenu === menu.OBJID
+                ? "bg-primary text-white font-semibold"
+                : "text-gray-600 hover:bg-gray-100"
+            )}
+          >
+            {menu.MENU_NAME_KOR}
+          </button>
+        ))}
+      </nav>
+
+      <div className="flex items-center gap-1 ml-4">
+        <button className="relative p-2 text-gray-500 hover:text-primary rounded transition-colors" title="결재함">
+          <Bell size={16} />
+          {approvalCount > 0 && (
+            <span className="absolute -top-0.5 -right-0.5 bg-red-500 text-white text-[10px] font-bold rounded-full min-w-[16px] h-4 flex items-center justify-center px-1">
+              {approvalCount}
+            </span>
+          )}
+        </button>
+
+        <button className="p-2 text-gray-500 hover:text-primary rounded transition-colors" title="매뉴얼">
+          <BookOpen size={16} />
+        </button>
+
+        <button
+          onClick={toggleTheme}
+          className="p-2 text-gray-500 hover:text-primary rounded transition-colors"
+          title={theme === "sage" ? "블루 테마" : "세이지 테마"}
+        >
+          {theme === "sage" ? <Moon size={16} /> : <Sun size={16} />}
+        </button>
+
+        {/* 관리자 버튼 - plm_admin만 표시 */}
+        {user?.isAdmin && adminMenu && (
+          <button
+            onClick={openAdminPopup}
+            className="px-2.5 py-1 text-xs font-semibold text-orange-600 bg-orange-50 hover:bg-orange-100 border border-orange-200 rounded transition-colors"
+            title="관리자"
+          >
+            <Shield size={13} className="inline mr-1" />
+            Admin
+          </button>
+        )}
+
+        <div className="flex items-center gap-2 ml-2 pl-2 border-l border-gray-200">
+          <User size={14} className="text-gray-400" />
+          <span className="text-xs text-gray-600">
+            {user?.userName} ({user?.deptName})
+          </span>
+        </div>
+
+        <button
+          onClick={logout}
+          className="p-2 text-gray-500 hover:text-red-500 rounded transition-colors"
+          title="로그아웃"
+        >
+          <LogOut size={16} />
+        </button>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/layout/search-form.tsx b/src/components/layout/search-form.tsx
new file mode 100644
index 0000000..1e5b7af
--- /dev/null
+++ b/src/components/layout/search-form.tsx
@@ -0,0 +1,56 @@
+"use client";
+
+import { FormEvent, ReactNode } from "react";
+import { Button } from "@/components/ui/button";
+import { cn } from "@/lib/utils";
+
+// 기존 JSP 검색 폼 영역 대응 (plm_schArea)
+interface SearchFormProps {
+  onSearch: (formData: FormData) => void;
+  onReset?: () => void;
+  children: ReactNode;
+  className?: string;
+}
+
+export function SearchForm({ onSearch, onReset, children, className }: SearchFormProps) {
+  const handleSubmit = (e: FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    const formData = new FormData(e.currentTarget);
+    onSearch(formData);
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className={cn("bg-white rounded-lg border border-gray-200 p-4 mb-4", className)}>
+      <div className="flex flex-wrap gap-3 items-end">
+        {children}
+        {onReset && (
+          <div className="flex gap-2 ml-auto">
+            <Button type="button" variant="secondary" size="sm" onClick={onReset}>
+              초기화
+            </Button>
+          </div>
+        )}
+      </div>
+      {/* Enter 키 submit 유지용 (시각적 숨김) */}
+      <button type="submit" className="sr-only" aria-hidden="true" tabIndex={-1}>검색</button>
+    </form>
+  );
+}
+
+// 검색 필드 래퍼
+export function SearchField({
+  label,
+  children,
+  className,
+}: {
+  label: string;
+  children: ReactNode;
+  className?: string;
+}) {
+  return (
+    <div className={cn("flex flex-col gap-1", className)}>
+      <label className="text-xs font-medium text-gray-500">{label}</label>
+      {children}
+    </div>
+  );
+}
diff --git a/src/components/layout/sidebar.tsx b/src/components/layout/sidebar.tsx
new file mode 100644
index 0000000..fe993a1
--- /dev/null
+++ b/src/components/layout/sidebar.tsx
@@ -0,0 +1,233 @@
+"use client";
+
+import { useEffect, useState, useRef } from "react";
+import { useRouter } from "next/navigation";
+import { cn } from "@/lib/utils";
+import { useMenuStore } from "@/store/menu-store";
+import { MENU_ICON_MAP } from "@/lib/constants";
+import { mapMenuUrl } from "@/lib/menu-url-map";
+import Image from "next/image";
+import {
+  LayoutDashboard, TrendingUp, FolderKanban, Package, ListChecks,
+  ShoppingCart, FileText, Warehouse, Boxes, Factory, Wrench,
+  Headset, Clock, Calculator, Coins, Truck, Settings,
+  ClipboardCheck, Compass, GitBranch, Puzzle, Stamp, Folder,
+  ChevronDown, Menu as MenuIcon,
+} from "lucide-react";
+
+const ICON_COMPONENTS: Record<string, React.ElementType> = {
+  LayoutDashboard, TrendingUp, FolderKanban, Package, ListChecks,
+  ShoppingCart, FileText, Warehouse, Boxes, Factory, Wrench,
+  Headset, UserClock: Clock, Calculator, Coins, Truck, Settings,
+  ClipboardCheck, Compass, GitBranch, Puzzle, Stamp,
+};
+
+function getMenuIcon(menuName: string): React.ElementType {
+  for (const [key, iconName] of Object.entries(MENU_ICON_MAP)) {
+    if (menuName?.toUpperCase().includes(key.toUpperCase())) {
+      return ICON_COMPONENTS[iconName] || Folder;
+    }
+  }
+  return Folder;
+}
+
+export function Sidebar() {
+  const router = useRouter();
+  const {
+    sideMenus, activeSubMenu, isCollapsed,
+    setActiveSubMenu, toggleCollapsed,
+  } = useMenuStore();
+  const [openCategories, setOpenCategories] = useState<Set<string>>(new Set());
+  // 축소 모드 호버 팝업
+  const [hoveredCategory, setHoveredCategory] = useState<string | null>(null);
+  const [popupPos, setPopupPos] = useState<{ top: number }>({ top: 0 });
+  const hoverTimeout = useRef<NodeJS.Timeout | null>(null);
+
+  useEffect(() => {
+    if (sideMenus.length > 0 && openCategories.size === 0) {
+      setOpenCategories(new Set([sideMenus[0].objid]));
+    }
+  }, [sideMenus, openCategories.size]);
+
+  const toggleCategory = (objid: string) => {
+    if (isCollapsed) return; // 축소모드에서는 클릭 무시 (호버로 동작)
+    setOpenCategories((prev) => {
+      const next = new Set(prev);
+      if (next.has(objid)) next.delete(objid);
+      else next.add(objid);
+      return next;
+    });
+  };
+
+  const handleSubMenuClick = (menuObjId: string, menuUrl: string) => {
+    setActiveSubMenu(menuObjId);
+    setHoveredCategory(null); // 팝업 닫기
+    const path = mapMenuUrl(menuUrl);
+    if (path) router.push(path);
+  };
+
+  // 축소 모드: 카테고리 호버 시 팝업
+  const handleCategoryHover = (objid: string, e: React.MouseEvent) => {
+    if (!isCollapsed) return;
+    if (hoverTimeout.current) clearTimeout(hoverTimeout.current);
+    const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();
+    setPopupPos({ top: rect.top });
+    setHoveredCategory(objid);
+  };
+
+  const handleCategoryLeave = () => {
+    if (!isCollapsed) return;
+    hoverTimeout.current = setTimeout(() => setHoveredCategory(null), 200);
+  };
+
+  const handlePopupEnter = () => {
+    if (hoverTimeout.current) clearTimeout(hoverTimeout.current);
+  };
+
+  const handlePopupLeave = () => {
+    setHoveredCategory(null);
+  };
+
+  // 호버된 카테고리의 서브메뉴
+  const hoveredMenu = sideMenus.find((m) => m.objid === hoveredCategory);
+
+  return (
+    <aside
+      className={cn(
+        "h-screen flex flex-col bg-[#1e2432] text-[#c8cdd5] transition-all duration-200 relative",
+        isCollapsed ? "w-[52px]" : "w-[240px]"
+      )}
+    >
+      {/* 헤더 — MOMO 브랜드 */}
+      <div className="flex items-center justify-between px-3 py-3 border-b border-white/[0.06] shrink-0">
+        {!isCollapsed ? (
+          <div className="flex items-center gap-2 min-w-0">
+            <Image
+              src="/momo-icon.svg"
+              alt="MOMO"
+              width={28}
+              height={28}
+              className="shrink-0"
+            />
+            <div className="flex flex-col leading-tight min-w-0">
+              <span className="text-white font-extrabold text-[13px] tracking-wide truncate">
+                모모유통
+              </span>
+              <span className="text-emerald-300/80 text-[10px] tracking-wider truncate">
+                유통관리 ERP
+              </span>
+            </div>
+          </div>
+        ) : (
+          <Image src="/momo-icon.svg" alt="MOMO" width={24} height={24} className="mx-auto" />
+        )}
+        <button
+          onClick={toggleCollapsed}
+          className="text-[#8890a0] hover:text-white hover:bg-white/[0.08] rounded p-1 transition-colors shrink-0"
+        >
+          <MenuIcon size={16} />
+        </button>
+      </div>
+
+      {/* 메뉴 영역 */}
+      <nav className="flex-1 overflow-y-auto overflow-x-hidden py-2 scrollbar-thin">
+        {sideMenus.map((menu) => {
+          const IconComponent = getMenuIcon(menu.menuNameKor);
+          const isOpen = openCategories.has(menu.objid);
+          const isHovered = hoveredCategory === menu.objid;
+
+          return (
+            <div
+              key={menu.objid}
+              onMouseEnter={(e) => handleCategoryHover(menu.objid, e)}
+              onMouseLeave={handleCategoryLeave}
+            >
+              {/* 카테고리 헤더 */}
+              <button
+                onClick={() => toggleCategory(menu.objid)}
+                className={cn(
+                  "w-full flex items-center px-3.5 py-2.5 text-[13px] font-semibold transition-colors",
+                  "hover:bg-white/[0.05] hover:text-white",
+                  (isOpen || isHovered) && "text-white",
+                  isCollapsed && "justify-center px-0 py-3"
+                )}
+              >
+                <span className={cn(
+                  "w-[22px] h-[22px] flex items-center justify-center shrink-0",
+                  !isCollapsed && "mr-2.5",
+                  (isOpen || isHovered) ? "text-[#4da3ff]" : "text-[#8890a0]"
+                )}>
+                  <IconComponent size={14} />
+                </span>
+                {!isCollapsed && (
+                  <>
+                    <span className="flex-1 text-left truncate">{menu.menuNameKor}</span>
+                    <ChevronDown
+                      size={10}
+                      className={cn(
+                        "text-[#555e6e] transition-transform ml-1 shrink-0",
+                        isOpen && "rotate-180"
+                      )}
+                    />
+                  </>
+                )}
+              </button>
+
+              {/* 서브메뉴 - 확장 모드 */}
+              {!isCollapsed && isOpen && menu.children && (
+                <div className="py-0.5">
+                  {menu.children.map((sub) => (
+                    <button
+                      key={sub.objid}
+                      onClick={() => handleSubMenuClick(sub.objid, sub.menuUrl)}
+                      className={cn(
+                        "w-full flex items-center pl-[46px] pr-3.5 py-[7px] text-[12px] text-[#8890a0] relative",
+                        "hover:text-white hover:bg-white/[0.04] transition-colors",
+                        activeSubMenu === sub.objid && "text-white bg-[#1C90FB] mr-2 rounded-r"
+                      )}
+                    >
+                      <span
+                        className={cn(
+                          "absolute left-8 top-1/2 -translate-y-1/2 w-1 h-1 rounded-full",
+                          activeSubMenu === sub.objid ? "bg-white" : "bg-[#555e6e]"
+                        )}
+                      />
+                      <span className="truncate">{sub.menuNameKor}</span>
+                    </button>
+                  ))}
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </nav>
+
+      {/* 축소 모드 호버 팝업 (menu.jsp 축소모드 대응) */}
+      {isCollapsed && hoveredMenu && hoveredMenu.children && hoveredMenu.children.length > 0 && (
+        <div
+          className="fixed z-50 bg-[#252d3d] border border-white/10 rounded-r-lg shadow-xl py-2 min-w-[180px]"
+          style={{ left: 52, top: popupPos.top }}
+          onMouseEnter={handlePopupEnter}
+          onMouseLeave={handlePopupLeave}
+        >
+          {/* 카테고리 타이틀 */}
+          <div className="px-3 py-1.5 text-[11px] font-bold text-[#4da3ff] border-b border-white/[0.06] mb-1">
+            {hoveredMenu.menuNameKor}
+          </div>
+          {hoveredMenu.children.map((sub) => (
+            <button
+              key={sub.objid}
+              onClick={() => handleSubMenuClick(sub.objid, sub.menuUrl)}
+              className={cn(
+                "w-full text-left px-3 py-1.5 text-[12px] text-[#8890a0] hover:text-white hover:bg-white/[0.06] transition-colors",
+                activeSubMenu === sub.objid && "text-white bg-[#1C90FB]"
+              )}
+            >
+              {sub.menuNameKor}
+            </button>
+          ))}
+        </div>
+      )}
+    </aside>
+  );
+}
diff --git a/src/components/procurement-std/StandardCodePage.tsx b/src/components/procurement-std/StandardCodePage.tsx
new file mode 100644
index 0000000..10bd0bd
--- /dev/null
+++ b/src/components/procurement-std/StandardCodePage.tsx
@@ -0,0 +1,226 @@
+"use client";
+
+import { useState, useCallback, useEffect } from "react";
+import { DataGrid, type GridColumn } from "@/components/grid/data-grid";
+import { SearchForm, SearchField } from "@/components/layout/search-form";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { getStdCategoryByAlias } from "@/lib/procurement-std";
+import Swal from "sweetalert2";
+
+// 구매품표준관리 공통 컴포넌트
+// codeGroupId = "CODE1"~"CODE5" → procurement_standard 카테고리 관리
+// codeGroupId = "MATERIAL_CODE" → part_mng 자재코드 관리
+interface StandardCodePageProps {
+  title: string;
+  codeGroupId: string;
+}
+
+const API_URL = "/api/procurement-std";
+
+function openPopup(url: string, name: string, w: number, h: number) {
+  const left = (window.screen.width - w) / 2;
+  const top = (window.screen.height - h) / 2;
+  return window.open(url, name, `width=${w},height=${h},left=${left},top=${top},scrollbars=yes,resizable=yes`);
+}
+
+export default function StandardCodePage({ title, codeGroupId }: StandardCodePageProps) {
+  const isMaterial = codeGroupId === "MATERIAL_CODE";
+  const stdDef = isMaterial ? null : getStdCategoryByAlias(codeGroupId);
+
+  // 자재코드 검색
+  const [partNo, setPartNo] = useState("");
+  const [largeCd, setLargeCd] = useState("");
+  const [middleCd, setMiddleCd] = useState("");
+  const [maker, setMaker] = useState("");
+  const [partName, setPartName] = useState("");
+  const [spec, setSpec] = useState("");
+  // 코드관리 검색
+  const [codeName, setCodeName] = useState("");
+  const [codeId, setCodeId] = useState("");
+
+  const [data, setData] = useState<Record<string, unknown>[]>([]);
+  const [selectedRows, setSelectedRows] = useState<Record<string, unknown>[]>([]);
+
+  const openCodeForm = useCallback(
+    (objId: string) => {
+      const url = `/procurement-std/popup/code-form?alias=${codeGroupId}&objId=${encodeURIComponent(objId)}`;
+      openPopup(url, "codeFormPopup", 500, 320);
+    },
+    [codeGroupId]
+  );
+
+  const openMaterialForm = useCallback((objId: string, readOnly = false) => {
+    const url = `/procurement-std/popup/material-form?objId=${encodeURIComponent(objId)}&readOnly=${readOnly}`;
+    openPopup(url, "materialFormPopup", 1200, 420);
+  }, []);
+
+  const materialColumns: GridColumn[] = [
+    {
+      title: "자재코드",
+      field: "PART_NO",
+      width: 150,
+      hozAlign: "center",
+      cellClick: (row) => openMaterialForm(String(row.OBJID), true),
+    },
+    { title: "대분류", field: "MAJOR_CATEGORY", width: 100, hozAlign: "left" },
+    { title: "CODE1", field: "CODE1", width: 70, hozAlign: "center" },
+    { title: "중분류", field: "SUB_CATEGORY", width: 120, hozAlign: "left" },
+    { title: "CODE2", field: "CODE2", width: 70, hozAlign: "center" },
+    { title: "Maker", field: "MAKER", width: 120, hozAlign: "left" },
+    { title: "CODE3", field: "CODE3", width: 70, hozAlign: "center" },
+    { title: "품명", field: "PART_NAME", width: 160, hozAlign: "left" },
+    { title: "CODE4", field: "CODE4", width: 70, hozAlign: "center" },
+    { title: "규격", field: "SPEC", width: 160, hozAlign: "left" },
+    { title: "CODE5", field: "CODE5", width: 70, hozAlign: "center" },
+    { title: "Revision", field: "REVISION", width: 80, hozAlign: "center" },
+    { title: "EO No", field: "EO_NO", width: 100, hozAlign: "center" },
+    { title: "EO Date", field: "EO_DATE", width: 100, hozAlign: "center" },
+  ];
+
+  const codeColumns: GridColumn[] = [
+    {
+      title: "Code",
+      field: "CODE_ID",
+      width: 120,
+      hozAlign: "center",
+      cellClick: (row) => openCodeForm(String(row.OBJID)),
+    },
+    ...(stdDef?.showDetail
+      ? [{ title: "상세내용", field: "DETAIL", width: 250, hozAlign: "left" as const }]
+      : []),
+    { title: "구분", field: "CODE_NAME", width: 250, hozAlign: "left" },
+    { title: "등록일", field: "REG_DATE", width: 120, hozAlign: "center" },
+    { title: "등록자", field: "WRITER_NAME", width: 120, hozAlign: "center" },
+  ];
+
+  const columns = isMaterial ? materialColumns : codeColumns;
+
+  const fetchData = useCallback(async () => {
+    const bodyData = isMaterial
+      ? {
+          code_group: codeGroupId,
+          part_no: partNo,
+          large_cd: largeCd,
+          middle_cd: middleCd,
+          maker,
+          part_name: partName,
+          spec,
+        }
+      : { code_group: codeGroupId, code_name: codeName, code_id: codeId };
+
+    const res = await fetch(API_URL, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(bodyData),
+    });
+    if (res.ok) {
+      const json = await res.json();
+      setData(json.RESULTLIST || []);
+    }
+  }, [codeGroupId, isMaterial, partNo, largeCd, middleCd, maker, partName, spec, codeName, codeId]);
+
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+
+  // 팝업에서 저장 후 호출할 수 있도록 window에 노출 (opener.fn_search)
+  useEffect(() => {
+    (window as unknown as { fn_search?: () => void }).fn_search = fetchData;
+    return () => {
+      delete (window as unknown as { fn_search?: () => void }).fn_search;
+    };
+  }, [fetchData]);
+
+  const handleDelete = async () => {
+    if (selectedRows.length === 0) {
+      Swal.fire({ icon: "warning", title: "삭제할 항목을 선택하세요." });
+      return;
+    }
+    const result = await Swal.fire({
+      title: "삭제하시겠습니까?",
+      text: `선택한 ${selectedRows.length}건을 삭제합니다.`,
+      icon: "warning",
+      showCancelButton: true,
+      confirmButtonText: "확인",
+      cancelButtonText: "취소",
+    });
+    if (!result.isConfirmed) return;
+
+    const res = await fetch(API_URL, {
+      method: "DELETE",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        objIds: selectedRows.map((r) => String(r.OBJID)),
+        mode: isMaterial ? "material" : "code",
+      }),
+    });
+    const json = await res.json();
+    if (json.success) {
+      await Swal.fire({ icon: "success", title: json.message, timer: 1200, showConfirmButton: false });
+      fetchData();
+    } else {
+      Swal.fire("오류", json.message, "error");
+    }
+  };
+
+  const handleRegister = () => {
+    if (isMaterial) openMaterialForm("");
+    else openCodeForm("");
+  };
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-4">
+        <h2 className="text-lg font-bold text-gray-800">{title}</h2>
+        <div className="flex gap-2">
+          <Button size="sm" onClick={handleRegister}>등록</Button>
+          <Button size="sm" variant="danger" onClick={handleDelete}>삭제</Button>
+          <Button size="sm" variant="secondary" onClick={fetchData}>조회</Button>
+        </div>
+      </div>
+
+      <SearchForm onSearch={fetchData}>
+        {isMaterial ? (
+          <>
+            <SearchField label="자재코드">
+              <Input value={partNo} onChange={(e) => setPartNo(e.target.value)} className="w-[140px]" />
+            </SearchField>
+            <SearchField label="대분류">
+              <Input value={largeCd} onChange={(e) => setLargeCd(e.target.value)} className="w-[140px]" />
+            </SearchField>
+            <SearchField label="중분류">
+              <Input value={middleCd} onChange={(e) => setMiddleCd(e.target.value)} className="w-[140px]" />
+            </SearchField>
+            <SearchField label="Maker">
+              <Input value={maker} onChange={(e) => setMaker(e.target.value)} className="w-[140px]" />
+            </SearchField>
+            <SearchField label="품명">
+              <Input value={partName} onChange={(e) => setPartName(e.target.value)} className="w-[140px]" />
+            </SearchField>
+            <SearchField label="사양(규격)">
+              <Input value={spec} onChange={(e) => setSpec(e.target.value)} className="w-[140px]" />
+            </SearchField>
+          </>
+        ) : (
+          <>
+            <SearchField label="구분">
+              <Input value={codeName} onChange={(e) => setCodeName(e.target.value)} className="w-[200px]" />
+            </SearchField>
+            <SearchField label="Code">
+              <Input value={codeId} onChange={(e) => setCodeId(e.target.value)} className="w-[150px]" />
+            </SearchField>
+          </>
+        )}
+      </SearchForm>
+
+      <DataGrid
+        columns={columns}
+        data={data}
+        showCheckbox
+        height="calc(100vh - 400px)"
+        onSelectionChange={setSelectedRows}
+      />
+    </div>
+  );
+}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
new file mode 100644
index 0000000..216582b
--- /dev/null
+++ b/src/components/ui/button.tsx
@@ -0,0 +1,37 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { ButtonHTMLAttributes, forwardRef } from "react";
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: "primary" | "secondary" | "danger" | "ghost";
+  size?: "sm" | "md" | "lg";
+}
+
+export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ className, variant = "primary", size = "md", ...props }, ref) => {
+    return (
+      <button
+        ref={ref}
+        className={cn(
+          "inline-flex items-center justify-center rounded font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-1 disabled:opacity-50 disabled:pointer-events-none",
+          {
+            "bg-primary text-white hover:bg-primary/90 focus:ring-primary/50": variant === "primary",
+            "bg-gray-100 text-gray-700 hover:bg-gray-200 border border-gray-300 focus:ring-gray-300": variant === "secondary",
+            "bg-red-500 text-white hover:bg-red-600 focus:ring-red-300": variant === "danger",
+            "hover:bg-gray-100 text-gray-600 focus:ring-gray-200": variant === "ghost",
+          },
+          {
+            "h-7 px-2 text-xs": size === "sm",
+            "h-9 px-4 text-sm": size === "md",
+            "h-11 px-6 text-base": size === "lg",
+          },
+          className
+        )}
+        {...props}
+      />
+    );
+  }
+);
+
+Button.displayName = "Button";
diff --git a/src/components/ui/code-select.tsx b/src/components/ui/code-select.tsx
new file mode 100644
index 0000000..bff44a7
--- /dev/null
+++ b/src/components/ui/code-select.tsx
@@ -0,0 +1,75 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { cn } from "@/lib/utils";
+
+// Select2 + fnc_getCodeListAppend 대응 - 공통코드 셀렉트박스
+interface CodeSelectProps {
+  codeId: string;
+  value?: string;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  className?: string;
+  disabled?: boolean;
+  name?: string;
+}
+
+interface CodeOption {
+  code_id?: string;
+  code_name?: string;
+  CODE_ID?: string;
+  CODE_NAME?: string;
+}
+
+export function CodeSelect({
+  codeId,
+  value = "",
+  onChange,
+  placeholder = "선택",
+  className,
+  disabled,
+  name,
+}: CodeSelectProps) {
+  const [options, setOptions] = useState<CodeOption[]>([]);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!codeId) return;
+    setLoading(true);
+    fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId }),
+    })
+      .then((res) => res.json())
+      .then((data) => setOptions(data.data || []))
+      .catch(() => setOptions([]))
+      .finally(() => setLoading(false));
+  }, [codeId]);
+
+  return (
+    <select
+      name={name}
+      value={value}
+      onChange={(e) => onChange?.(e.target.value)}
+      disabled={disabled || loading}
+      className={cn(
+        "flex h-9 rounded border border-gray-300 bg-white px-3 py-1 text-sm",
+        "focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/50",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      )}
+    >
+      <option value="">{loading ? "로딩중..." : placeholder}</option>
+      {options.map((opt) => {
+        const id = opt.code_id || opt.CODE_ID || "";
+        const nm = opt.code_name || opt.CODE_NAME || "";
+        return (
+          <option key={id} value={id}>
+            {nm}
+          </option>
+        );
+      })}
+    </select>
+  );
+}
diff --git a/src/components/ui/excel-download-button.tsx b/src/components/ui/excel-download-button.tsx
new file mode 100644
index 0000000..bf7a438
--- /dev/null
+++ b/src/components/ui/excel-download-button.tsx
@@ -0,0 +1,55 @@
+"use client";
+
+import Swal from "sweetalert2";
+import { Button } from "@/components/ui/button";
+import { exportToExcel, fileNameWithDate, type ExcelColumn } from "@/lib/excel-export";
+
+interface Props {
+  data: Record<string, unknown>[];
+  columns: ExcelColumn[];
+  // 파일명 (확장자 생략 가능). 비우면 "export".
+  // withDate=true(기본)이면 파일명 끝에 _YYYY-MM-DD 자동 부여.
+  filename?: string;
+  withDate?: boolean;
+  sheetName?: string;
+  label?: string;
+  disabled?: boolean;
+  size?: "sm" | "md" | "lg";
+  variant?: "primary" | "secondary" | "danger" | "ghost";
+  className?: string;
+}
+
+// 공통 Excel 다운로드 버튼. 어느 목록 페이지든 data + columns 만 주면 동작.
+// 원본 FITO의 Excel Download 버튼 대응.
+export function ExcelDownloadButton({
+  data,
+  columns,
+  filename = "export",
+  withDate = true,
+  sheetName,
+  label = "Excel Download",
+  disabled,
+  size = "sm",
+  variant = "secondary",
+  className,
+}: Props) {
+  const handleClick = () => {
+    if (!Array.isArray(data) || data.length === 0) {
+      Swal.fire("알림", "다운로드할 데이터가 없습니다.", "warning");
+      return;
+    }
+    try {
+      const finalName = withDate ? fileNameWithDate(filename) : filename;
+      exportToExcel({ data, columns, filename: finalName, sheetName: sheetName ?? filename });
+    } catch (e) {
+      console.error("Excel export:", e);
+      Swal.fire("오류", "엑셀 다운로드 중 오류가 발생했습니다.", "error");
+    }
+  };
+
+  return (
+    <Button size={size} variant={variant} onClick={handleClick} disabled={disabled} className={className}>
+      {label}
+    </Button>
+  );
+}
diff --git a/src/components/ui/file-upload.tsx b/src/components/ui/file-upload.tsx
new file mode 100644
index 0000000..b82ebef
--- /dev/null
+++ b/src/components/ui/file-upload.tsx
@@ -0,0 +1,136 @@
+"use client";
+
+import { useRef, useState } from "react";
+import { cn } from "@/lib/utils";
+import Swal from "sweetalert2";
+
+// fnc_fileMultiUpload 대응
+interface FileUploadProps {
+  targetObjId: string;
+  docType: string;
+  docTypeName: string;
+  onUploadComplete?: () => void;
+  accept?: string;
+  multiple?: boolean;
+  className?: string;
+  /** "button" (default) → 작은 첨부 버튼, "dropzone" → 점선 박스 큰 드롭 영역 */
+  variant?: "button" | "dropzone";
+  /** dropzone 모드일 때 높이(px). 기본 100 */
+  dropzoneHeight?: number;
+}
+
+export function FileUpload({
+  targetObjId,
+  docType,
+  docTypeName,
+  onUploadComplete,
+  accept,
+  multiple = true,
+  className,
+  variant = "button",
+  dropzoneHeight = 100,
+}: FileUploadProps) {
+  const inputRef = useRef<HTMLInputElement>(null);
+  const [uploading, setUploading] = useState(false);
+  const [dragActive, setDragActive] = useState(false);
+
+  const handleUpload = async (files: FileList | null) => {
+    if (!files || files.length === 0) return;
+
+    setUploading(true);
+    try {
+      for (let i = 0; i < files.length; i++) {
+        const formData = new FormData();
+        formData.append("file", files[i]);
+        formData.append("targetObjId", targetObjId);
+        formData.append("docType", docType);
+        formData.append("docTypeName", docTypeName);
+
+        const res = await fetch("/api/common/file-upload", {
+          method: "POST",
+          body: formData,
+        });
+
+        if (!res.ok) {
+          throw new Error(`파일 업로드 실패: ${files[i].name}`);
+        }
+      }
+
+      Swal.fire({
+        icon: "success",
+        title: "업로드 완료",
+        text: `${files.length}개 파일이 업로드되었습니다.`,
+        timer: 1500,
+        showConfirmButton: false,
+      });
+
+      onUploadComplete?.();
+    } catch (err) {
+      Swal.fire({
+        icon: "error",
+        title: "업로드 실패",
+        text: err instanceof Error ? err.message : "파일 업로드 중 오류가 발생했습니다.",
+      });
+    } finally {
+      setUploading(false);
+      if (inputRef.current) inputRef.current.value = "";
+    }
+  };
+
+  const onDrop = (e: React.DragEvent<HTMLDivElement>) => {
+    e.preventDefault();
+    setDragActive(false);
+    if (uploading) return;
+    handleUpload(e.dataTransfer.files);
+  };
+
+  if (variant === "dropzone") {
+    return (
+      <div className={cn("w-full", className)}>
+        <input
+          ref={inputRef}
+          type="file"
+          accept={accept}
+          multiple={multiple}
+          onChange={(e) => handleUpload(e.target.files)}
+          className="hidden"
+        />
+        <div
+          onClick={() => !uploading && inputRef.current?.click()}
+          onDragOver={(e) => { e.preventDefault(); setDragActive(true); }}
+          onDragLeave={() => setDragActive(false)}
+          onDrop={onDrop}
+          style={{ height: dropzoneHeight }}
+          className={cn(
+            "flex items-center justify-center w-full rounded border-2 border-dashed cursor-pointer transition-colors text-xs",
+            dragActive ? "border-primary bg-primary/5 text-primary" : "border-blue-300 text-gray-400 hover:bg-gray-50",
+            uploading && "cursor-not-allowed opacity-60",
+          )}
+        >
+          {uploading ? "업로드중..." : "Drag & Drop Files Here"}
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className={cn("inline-flex items-center gap-2", className)}>
+      <input
+        ref={inputRef}
+        type="file"
+        accept={accept}
+        multiple={multiple}
+        onChange={(e) => handleUpload(e.target.files)}
+        className="hidden"
+      />
+      <button
+        type="button"
+        onClick={() => inputRef.current?.click()}
+        disabled={uploading}
+        className="inline-flex items-center gap-1 rounded border border-gray-300 bg-white px-3 py-1.5 text-xs hover:bg-gray-50 disabled:opacity-50"
+      >
+        {uploading ? "업로드중..." : "파일첨부"}
+      </button>
+    </div>
+  );
+}
diff --git a/src/components/ui/folder-cell.tsx b/src/components/ui/folder-cell.tsx
new file mode 100644
index 0000000..9a2ad31
--- /dev/null
+++ b/src/components/ui/folder-cell.tsx
@@ -0,0 +1,27 @@
+"use client";
+
+import { Folder } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+// 첨부파일 개수 표시용 폴더 아이콘 셀 (원본: file_empty_icon / file_icon)
+// count > 0 → 파란 채움 폴더, 아니면 투명 (공간 유지)
+export function FolderCell({ count, onClick, className }: {
+  count: unknown;
+  onClick?: () => void;
+  className?: string;
+}) {
+  const n = Number(count) || 0;
+  return (
+    <Folder
+      size={18}
+      strokeWidth={1.8}
+      onClick={onClick}
+      className={cn(
+        "inline",
+        n > 0 ? "text-blue-500 fill-blue-500" : "text-gray-300",
+        onClick && "cursor-pointer",
+        className,
+      )}
+    />
+  );
+}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
new file mode 100644
index 0000000..a7e6c0c
--- /dev/null
+++ b/src/components/ui/input.tsx
@@ -0,0 +1,23 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { InputHTMLAttributes, forwardRef } from "react";
+
+export const Input = forwardRef<HTMLInputElement, InputHTMLAttributes<HTMLInputElement>>(
+  ({ className, ...props }, ref) => {
+    return (
+      <input
+        ref={ref}
+        className={cn(
+          "flex h-9 w-full rounded border border-gray-300 bg-white px-3 py-1 text-sm transition-colors",
+          "placeholder:text-gray-400 focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/50",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        {...props}
+      />
+    );
+  }
+);
+
+Input.displayName = "Input";
diff --git a/src/components/ui/loading.tsx b/src/components/ui/loading.tsx
new file mode 100644
index 0000000..a6b59b2
--- /dev/null
+++ b/src/components/ui/loading.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+// _startLoading / _endLoading 대응
+export function Loading({ message = "Loading..." }: { message?: string }) {
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/30">
+      <div className="rounded-lg bg-white px-8 py-6 shadow-xl flex flex-col items-center gap-3">
+        <div className="h-8 w-8 animate-spin rounded-full border-4 border-gray-200 border-t-primary" />
+        <span className="text-sm text-gray-600">{message}</span>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/ui/pagination.tsx b/src/components/ui/pagination.tsx
new file mode 100644
index 0000000..0ba3363
--- /dev/null
+++ b/src/components/ui/pagination.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { cn, numberWithCommas } from "@/lib/utils";
+
+// 원본 CommonPaginationRenderer 대응
+// 좌: [page input] / 총 N 페이지 [go]
+// 중앙: 1 2 3 ... 10 페이지 번호
+// 우: [pageSize select] TOTAL 건
+interface PaginationProps {
+  currentPage: number;
+  totalCount: number;
+  pageSize?: number;
+  maxPage?: number; // 외부에서 직접 지정할 때 (서버사이드 페이징)
+  onPageChange: (page: number) => void;
+  onPageSizeChange?: (size: number) => void;
+  pageSizeOptions?: number[];
+  className?: string;
+}
+
+export function Pagination({
+  currentPage,
+  totalCount,
+  pageSize = 20,
+  maxPage: maxPageProp,
+  onPageChange,
+  onPageSizeChange,
+  pageSizeOptions = [10, 20, 50, 100, 200],
+  className,
+}: PaginationProps) {
+  const maxPage = maxPageProp ?? Math.max(1, Math.ceil(totalCount / pageSize));
+  const [goInput, setGoInput] = useState(String(currentPage));
+
+  useEffect(() => { setGoInput(String(currentPage)); }, [currentPage]);
+
+  const PAGE_WINDOW = 10;
+  const windowStart = Math.floor((currentPage - 1) / PAGE_WINDOW) * PAGE_WINDOW + 1;
+  const windowEnd = Math.min(windowStart + PAGE_WINDOW - 1, maxPage);
+  const pages = Array.from({ length: windowEnd - windowStart + 1 }, (_, i) => windowStart + i);
+
+  const go = () => {
+    const n = Number(goInput);
+    if (!isNaN(n) && n >= 1 && n <= maxPage) onPageChange(n);
+    else setGoInput(String(currentPage));
+  };
+
+  return (
+    <div className={cn("flex items-center justify-between gap-2 py-3 px-2 text-sm", className)}>
+      {/* 좌: page input + total pages + go */}
+      <div className="flex items-center gap-2 w-[260px]">
+        <input
+          type="text" value={goInput}
+          onChange={(e) => setGoInput(e.target.value)}
+          onKeyDown={(e) => { if (e.key === "Enter") go(); }}
+          className="w-12 h-7 border border-gray-300 rounded px-2 text-sm text-center"
+        />
+        <span className="text-gray-600">/ 총 {numberWithCommas(maxPage)} 페이지</span>
+        <button
+          onClick={go}
+          className="h-7 px-3 border border-gray-300 rounded text-xs hover:bg-gray-50"
+        >go</button>
+      </div>
+
+      {/* 중앙: 페이지 번호 */}
+      <div className="flex items-center gap-1">
+        {windowStart > 1 && (
+          <button
+            onClick={() => onPageChange(Math.max(1, windowStart - 1))}
+            className="min-w-[28px] h-7 px-2 text-xs rounded hover:bg-gray-100 text-gray-600"
+          >＜</button>
+        )}
+        {pages.map((p) => (
+          <button
+            key={p}
+            onClick={() => onPageChange(p)}
+            className={cn(
+              "min-w-[28px] h-7 px-2 text-sm rounded",
+              p === currentPage
+                ? "border border-primary text-primary font-bold"
+                : "hover:bg-gray-100 text-gray-700",
+            )}
+          >{p}</button>
+        ))}
+        {windowEnd < maxPage && (
+          <button
+            onClick={() => onPageChange(windowEnd + 1)}
+            className="min-w-[28px] h-7 px-2 text-xs rounded hover:bg-gray-100 text-gray-600"
+          >＞</button>
+        )}
+      </div>
+
+      {/* 우: pageSize + total count */}
+      <div className="flex items-center gap-3 w-[260px] justify-end">
+        {onPageSizeChange && (
+          <select
+            value={pageSize}
+            onChange={(e) => onPageSizeChange(Number(e.target.value))}
+            className="h-7 border border-gray-300 rounded px-1 text-sm"
+          >
+            {pageSizeOptions.map((s) => <option key={s} value={s}>{s}</option>)}
+          </select>
+        )}
+        <span className="text-primary font-bold">
+          {numberWithCommas(totalCount)} <span className="text-gray-500 font-normal">건</span>
+        </span>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/ui/searchable-code-select.tsx b/src/components/ui/searchable-code-select.tsx
new file mode 100644
index 0000000..6bd157f
--- /dev/null
+++ b/src/components/ui/searchable-code-select.tsx
@@ -0,0 +1,180 @@
+"use client";
+
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "@/lib/utils";
+
+// 검색 가능한 공통코드 셀렉트박스. CodeSelect와 동일 데이터를 쓰지만 typeahead 지원.
+// 드롭다운은 document.body로 portal → overflow-auto 부모에 의한 클립 방지
+interface SearchableCodeSelectProps {
+  codeId: string;
+  value?: string;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  className?: string;
+  disabled?: boolean;
+  showCodeId?: boolean;   // 드롭다운에 CODE_ID 같이 표시 여부
+  emptyLabel?: string;    // 빈 선택 표시 텍스트 (기본 "(선택 안 함)")
+}
+
+interface Option { CODE_ID: string; CODE_NAME: string }
+
+export function SearchableCodeSelect({
+  codeId,
+  value = "",
+  onChange,
+  placeholder = "선택",
+  className,
+  disabled,
+  showCodeId = false,
+  emptyLabel = "(선택 안 함)",
+}: SearchableCodeSelectProps) {
+  const [options, setOptions] = useState<Option[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const [rect, setRect] = useState<{ left: number; top: number; width: number } | null>(null);
+  const wrapRef = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    if (!codeId) return;
+    setLoading(true);
+    fetch("/api/common/code-list", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ codeId }),
+    })
+      .then((r) => r.json())
+      .then((d) => {
+        const rows = (d.data || []) as Array<Record<string, unknown>>;
+        setOptions(
+          rows.map((r) => ({
+            CODE_ID: String(r.code_id || r.CODE_ID || ""),
+            CODE_NAME: String(r.code_name || r.CODE_NAME || ""),
+          }))
+        );
+      })
+      .catch(() => setOptions([]))
+      .finally(() => setLoading(false));
+  }, [codeId]);
+
+  const selected = options.find((o) => o.CODE_ID === value);
+  const filtered = useMemo(() => {
+    if (!search) return options;
+    const s = search.toLowerCase();
+    return options.filter(
+      (o) => o.CODE_NAME.toLowerCase().includes(s) || o.CODE_ID.toLowerCase().includes(s)
+    );
+  }, [options, search]);
+
+  useLayoutEffect(() => {
+    if (!open) return;
+    const update = () => {
+      const el = wrapRef.current;
+      if (!el) return;
+      const r = el.getBoundingClientRect();
+      setRect({ left: r.left, top: r.bottom + 2, width: r.width });
+    };
+    update();
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, [open]);
+
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e: MouseEvent) => {
+      const target = e.target as Node;
+      if (wrapRef.current?.contains(target)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [open]);
+
+  const close = () => { setOpen(false); setSearch(""); };
+
+  return (
+    <div ref={wrapRef} className={cn("relative", className)}>
+      <input
+        type="text"
+        value={open ? search : (selected?.CODE_NAME || "")}
+        placeholder={loading ? "로딩중..." : placeholder}
+        disabled={disabled || loading}
+        onFocus={() => { setOpen(true); setSearch(""); }}
+        onChange={(e) => setSearch(e.target.value)}
+        className={cn(
+          "h-9 w-full rounded border border-gray-300 bg-white pl-2 pr-7 text-sm outline-none",
+          "focus:border-primary focus:ring-1 focus:ring-primary/50",
+          "disabled:cursor-not-allowed disabled:opacity-50"
+        )}
+      />
+      {selected && !open && !disabled && (
+        <button
+          type="button"
+          onClick={() => { onChange?.(""); setSearch(""); }}
+          className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-700 text-sm leading-none"
+          aria-label="선택 해제"
+          tabIndex={-1}
+        >
+          ×
+        </button>
+      )}
+      {!selected && !open && (
+        <span className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 text-xs pointer-events-none">▾</span>
+      )}
+      {open && rect && typeof document !== "undefined" && createPortal(
+        <div
+          style={{
+            position: "fixed",
+            left: rect.left,
+            top: rect.top,
+            width: rect.width,
+            zIndex: 9999,
+          }}
+          className="max-h-56 overflow-y-auto bg-white border border-gray-300 rounded shadow-lg"
+        >
+          <button
+            type="button"
+            onMouseDown={(e) => {
+              e.preventDefault();
+              onChange?.("");
+              close();
+            }}
+            className="w-full text-left px-2 py-1.5 text-sm text-gray-500 italic hover:bg-gray-50 border-b"
+          >
+            {emptyLabel}
+          </button>
+          {filtered.length === 0 ? (
+            <div className="p-2 text-xs text-gray-400 text-center">결과 없음</div>
+          ) : (
+            filtered.map((o) => (
+              <button
+                key={o.CODE_ID}
+                type="button"
+                onMouseDown={(e) => {
+                  e.preventDefault();
+                  onChange?.(o.CODE_ID);
+                  close();
+                }}
+                className={cn(
+                  "w-full text-left px-2 py-1.5 text-sm hover:bg-blue-50 flex items-center gap-2",
+                  o.CODE_ID === value && "bg-blue-50"
+                )}
+              >
+                {showCodeId && (
+                  <span className="text-[11px] text-gray-400 font-mono shrink-0 w-[70px]">{o.CODE_ID}</span>
+                )}
+                <span className="truncate">{o.CODE_NAME}</span>
+              </button>
+            ))
+          )}
+        </div>,
+        document.body,
+      )}
+    </div>
+  );
+}
diff --git a/src/components/ui/searchable-select.tsx b/src/components/ui/searchable-select.tsx
new file mode 100644
index 0000000..0b95ee7
--- /dev/null
+++ b/src/components/ui/searchable-select.tsx
@@ -0,0 +1,159 @@
+"use client";
+
+import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { cn } from "@/lib/utils";
+
+// 검색 가능한 일반 셀렉트박스
+// value/label 배열을 직접 받아서 사용 (API 호출 없음)
+// 드롭다운은 document.body로 portal → overflow-auto 부모에 의한 클립 방지
+interface SearchableSelectProps {
+  options: { value: string; label: string }[];
+  value?: string;
+  onChange?: (value: string) => void;
+  placeholder?: string;
+  className?: string;
+  disabled?: boolean;
+  emptyLabel?: string;   // "(선택 안 함)" 대체 텍스트 (빈 문자열이면 미표시)
+  showEmpty?: boolean;   // 빈 선택 옵션 표시 여부 (기본 true)
+}
+
+export function SearchableSelect({
+  options,
+  value = "",
+  onChange,
+  placeholder = "선택",
+  className,
+  disabled,
+  emptyLabel = "(선택 안 함)",
+  showEmpty = true,
+}: SearchableSelectProps) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const [rect, setRect] = useState<{ left: number; top: number; width: number } | null>(null);
+  const wrapRef = useRef<HTMLDivElement>(null);
+  const inputRef = useRef<HTMLInputElement>(null);
+
+  const selected = options.find((o) => o.value === value);
+  const filtered = useMemo(() => {
+    if (!search) return options;
+    const s = search.toLowerCase();
+    return options.filter(
+      (o) => o.label.toLowerCase().includes(s) || o.value.toLowerCase().includes(s)
+    );
+  }, [options, search]);
+
+  // 드롭다운 위치 계산 (스크롤/리사이즈 대응)
+  useLayoutEffect(() => {
+    if (!open) return;
+    const update = () => {
+      const el = wrapRef.current;
+      if (!el) return;
+      const r = el.getBoundingClientRect();
+      setRect({ left: r.left, top: r.bottom + 2, width: r.width });
+    };
+    update();
+    window.addEventListener("scroll", update, true);
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("scroll", update, true);
+      window.removeEventListener("resize", update);
+    };
+  }, [open]);
+
+  // 외부 클릭 닫기
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e: MouseEvent) => {
+      const target = e.target as Node;
+      if (wrapRef.current?.contains(target)) return;
+      // 드롭다운 자체 클릭은 onMouseDown 이 먼저 처리하므로 여기서 닫아도 OK
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [open]);
+
+  const close = () => { setOpen(false); setSearch(""); };
+
+  return (
+    <div ref={wrapRef} className={cn("relative", className)}>
+      <input
+        ref={inputRef}
+        type="text"
+        value={open ? search : (selected?.label || "")}
+        placeholder={placeholder}
+        disabled={disabled}
+        onFocus={() => { setOpen(true); setSearch(""); }}
+        onChange={(e) => setSearch(e.target.value)}
+        className={cn(
+          "h-9 w-full rounded border border-gray-300 bg-white pl-2 pr-7 text-sm outline-none",
+          "focus:border-primary focus:ring-1 focus:ring-primary/50",
+          "disabled:cursor-not-allowed disabled:opacity-50"
+        )}
+      />
+      {selected && !open && !disabled && (
+        <button
+          type="button"
+          onClick={() => { onChange?.(""); setSearch(""); }}
+          className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-700 text-sm leading-none"
+          aria-label="선택 해제"
+          tabIndex={-1}
+        >
+          ×
+        </button>
+      )}
+      {!selected && !open && (
+        <span className="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 text-xs pointer-events-none">▾</span>
+      )}
+      {open && rect && typeof document !== "undefined" && createPortal(
+        <div
+          style={{
+            position: "fixed",
+            left: rect.left,
+            top: rect.top,
+            width: rect.width,
+            zIndex: 9999,
+          }}
+          className="max-h-56 overflow-y-auto bg-white border border-gray-300 rounded shadow-lg"
+        >
+          {showEmpty && (
+            <button
+              type="button"
+              onMouseDown={(e) => {
+                e.preventDefault();
+                onChange?.("");
+                close();
+              }}
+              className="w-full text-left px-2 py-1.5 text-sm text-gray-500 italic hover:bg-gray-50 border-b"
+            >
+              {emptyLabel}
+            </button>
+          )}
+          {filtered.length === 0 ? (
+            <div className="p-2 text-xs text-gray-400 text-center">결과 없음</div>
+          ) : (
+            filtered.map((o) => (
+              <button
+                key={o.value}
+                type="button"
+                onMouseDown={(e) => {
+                  e.preventDefault();
+                  onChange?.(o.value);
+                  close();
+                }}
+                className={cn(
+                  "w-full text-left px-2 py-1.5 text-sm hover:bg-blue-50",
+                  o.value === value && "bg-blue-50"
+                )}
+              >
+                {o.label}
+              </button>
+            ))
+          )}
+        </div>,
+        document.body,
+      )}
+    </div>
+  );
+}
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..c7f2653
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,35 @@
+"use client";
+
+import { cn } from "@/lib/utils";
+import { SelectHTMLAttributes, forwardRef } from "react";
+
+interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+  options: { value: string; label: string }[];
+  placeholder?: string;
+}
+
+export const Select = forwardRef<HTMLSelectElement, SelectProps>(
+  ({ className, options, placeholder, ...props }, ref) => {
+    return (
+      <select
+        ref={ref}
+        className={cn(
+          "flex h-9 w-full rounded border border-gray-300 bg-white px-3 py-1 text-sm",
+          "focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary/50",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        )}
+        {...props}
+      >
+        {placeholder && <option value="">{placeholder}</option>}
+        {options.map((opt) => (
+          <option key={opt.value} value={opt.value}>
+            {opt.label}
+          </option>
+        ))}
+      </select>
+    );
+  }
+);
+
+Select.displayName = "Select";
diff --git a/src/instrumentation-node.ts b/src/instrumentation-node.ts
new file mode 100644
index 0000000..4a95a0b
--- /dev/null
+++ b/src/instrumentation-node.ts
@@ -0,0 +1,38 @@
+// Node.js 런타임 전용 instrumentation (fs, path 등 Node API 사용)
+// 실제 로직. src/instrumentation.ts 에서 NEXT_RUNTIME==="nodejs" 일 때만 동적 import.
+import fs from "fs/promises";
+import path from "path";
+import type { Instrumentation } from "next";
+
+const LOG_PATH = "logs/api-errors.log";
+
+async function appendLog(line: string) {
+  try {
+    const full = path.join(process.cwd(), LOG_PATH);
+    await fs.mkdir(path.dirname(full), { recursive: true });
+    await fs.appendFile(full, line);
+  } catch {
+    // logging must never crash the app
+  }
+}
+
+export function registerNode() {
+  const origError = console.error;
+  console.error = (...args: unknown[]) => {
+    origError.apply(console, args);
+    const body = args
+      .map((a) =>
+        a instanceof Error ? `${a.message}\n${a.stack ?? ""}` : typeof a === "string" ? a : JSON.stringify(a),
+      )
+      .join(" ");
+    void appendLog(`[${new Date().toISOString()}] [console.error] ${body}\n`);
+  };
+}
+
+export const onRequestErrorNode: Instrumentation.onRequestError = async (err, request, context) => {
+  const e = err as Error;
+  const line =
+    `[${new Date().toISOString()}] [uncaught] ${request.method ?? ""} ${request.path ?? ""} ` +
+    `(${context.routePath ?? context.routerKind})\n${e.message}\n${e.stack ?? ""}\n\n`;
+  await appendLog(line);
+};
diff --git a/src/instrumentation.ts b/src/instrumentation.ts
new file mode 100644
index 0000000..42407c8
--- /dev/null
+++ b/src/instrumentation.ts
@@ -0,0 +1,15 @@
+// Runtime-agnostic entry. Node 전용 로직은 instrumentation-node.ts 로 분리해
+// Edge 런타임 정적 분석에서 Node API 경고가 뜨지 않도록 함.
+import type { Instrumentation } from "next";
+
+export async function register() {
+  if (process.env.NEXT_RUNTIME !== "nodejs") return;
+  const mod = await import("./instrumentation-node");
+  mod.registerNode();
+}
+
+export const onRequestError: Instrumentation.onRequestError = async (err, request, context) => {
+  if (process.env.NEXT_RUNTIME !== "nodejs") return;
+  const mod = await import("./instrumentation-node");
+  await mod.onRequestErrorNode(err, request, context);
+};
diff --git a/src/lib/CLAUDE.md b/src/lib/CLAUDE.md
new file mode 100644
index 0000000..f557794
--- /dev/null
+++ b/src/lib/CLAUDE.md
@@ -0,0 +1,46 @@
+## 역할
+시스템 전체의 핵심 인프라 계층. DB 접근, 인증, 세션, 암호화, 상수, 유틸리티를 제공한다. 기존 Java 기반 PMS 시스템의 공통 모듈을 Node.js로 포팅한 것으로, 모든 API 라우트와 페이지에서 의존한다.
+
+## 주요 파일
+- **db.ts** — PostgreSQL 연결 풀(pg Pool). `queryRows`, `queryOne`, `execute` 3가지 헬퍼 제공. 모든 DB 접근의 단일 진입점.
+- **auth.ts** — 자격 증명 검증(`verifyCredentials`). USER_INFO + AUTHORITY_MASTER 조인 후 User 객체 생성. 로그인 이력 기록.
+- **session.ts** — JWT 기반 세션(jose). `createSession`(쿠키 설정, 24시간), `getSession`(검증), `destroySession`(삭제).
+- **encrypt.ts** — AES-128-ECB 암호화/복호화. 사용자 비밀번호 검증에 사용.
+- **constants.ts** — 전역 상수: 마스터 비밀번호, AES 키, 페이징, 파일 문서 타입, 공통코드 ID, 메뉴 아이콘 매핑.
+- **utils.ts** — 범용 헬퍼: `checkNull`, `isEmpty`, `setPagingInfo`, `numberWithCommas`, `createObjectId`, `getDate` 등.
+- **menu-url-map.ts** — `.do` URL → Next.js 라우트 변환 매핑 테이블.
+
+## 연결 고리
+- **auth.ts → db.ts**: verifyCredentials에서 queryOne 호출. DB 스키마 변경 시 SQL 동시 수정 필수.
+- **auth.ts → encrypt.ts**: 사용자 입력 비밀번호를 AES 암호화 후 DB 값과 비교.
+- **auth.ts → constants.ts**: MASTER_PWD, SUPER_ADMIN 상수 참조.
+- **encrypt.ts → constants.ts**: AES_KEY 의존. 키 변경 시 기존 데이터 복호화 불가.
+- **middleware.ts ↔ session.ts**: 세션 쿠키명 `plm-session`이 middleware.ts에 하드코딩. session.ts의 SESSION_COOKIE 값과 반드시 일치해야 함.
+
+## 단일 진입점
+- **모든 DB 쿼리** → db.ts의 queryRows/queryOne/execute
+- **사용자 인증** → auth.ts의 verifyCredentials
+- **세션 생성/조회/삭제** → session.ts의 createSession/getSession/destroySession
+- **AES 암호화** → encrypt.ts의 encrypt/decrypt
+
+## 등록 절차
+- 새 공통코드 추가 → constants.ts의 `CODE_IDS`에 항목 추가
+- 새 파일 문서 타입 추가 → constants.ts의 `FILE_DOC_TYPES`에 등록
+- 메뉴 URL 매핑 추가 → menu-url-map.ts의 `URL_MAP`에 키-값 쌍 추가
+
+## 절대 금지
+- **AES_KEY 변경 금지** — 기존 암호화된 비밀번호 데이터 모두 복호화 불가능
+- **SESSION_COOKIE 이름 단독 변경 금지** — middleware.ts의 하드코딩 값과 불일치 발생. 둘 다 동시에 변경 필수
+- **SUPER_ADMIN 값 변경 금지** — `"plm_admin"` 사용자만 관리자로 인식
+- **checkNull의 문자열 "null"/"undefined" 처리 제거 금지** — 기존 Java 시스템과의 호환성 필수
+
+## 숨겨진 스펙
+- `AES_KEY = "ILJIAESSECRETKEY"` (16자) — 기존 Java EncryptUtil과 동일 키
+- `MASTER_PWD = "qlalfqjsgh11"` — 이 값으로 로그인 시 DB 비밀번호 검증 스킵
+- `SESSION_COOKIE = "plm-session"` — middleware.ts에도 하드코딩
+- `NEXTAUTH_SECRET` 미설정 시 기본값 `"fito-plm-default-secret"` 사용
+- 세션 유효기간 86400초(24시간)
+- User.isAdmin 판정: `userId.toLowerCase() === SUPER_ADMIN`
+- SQL alias 주의: 따옴표 없는 alias → PostgreSQL이 소문자로 반환. 대문자 유지하려면 `AS "SABUN"` 형태 필수
+
+@MISTAKES.md
diff --git a/src/lib/MISTAKES.md b/src/lib/MISTAKES.md
new file mode 100644
index 0000000..465c4ee
--- /dev/null
+++ b/src/lib/MISTAKES.md
@@ -0,0 +1,9 @@
+# lib 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/lib/approval-target.ts b/src/lib/approval-target.ts
new file mode 100644
index 0000000..25e1a8c
--- /dev/null
+++ b/src/lib/approval-target.ts
@@ -0,0 +1,79 @@
+import type { PoolClient } from "pg";
+
+// 대상 모듈별 상태 업데이트 (approval.xml의 XxxApprovalStatus 쿼리 대응)
+// ApprovalService.completeRouteInfo / rejectRouteInfo 로직 포팅
+export async function updateTargetStatus(
+  client: PoolClient,
+  targetType: string,
+  targetObjId: string,
+  status: string,
+  userId: string
+): Promise<void> {
+  switch (targetType) {
+    case "PURCHASE_ORDER":
+      // purchaseOrderApprovalStatus — MULTI_MASTER_OBJID도 처리 (동시발주)
+      await client.query(
+        `UPDATE purchase_order_master
+         SET status = $1
+           ${status === "approvalComplete" ? ", purchase_date = TO_CHAR(now(), 'YYYY-MM-DD')" : ""}
+         WHERE (objid::text = $2::text OR multi_master_objid::text = $2::text)
+           AND status != 'cancel'`,
+        [status, targetObjId]
+      );
+      break;
+    case "AS_MNG":
+      await client.query(
+        `UPDATE as_mng SET status_cd = $1 WHERE objid = $2::numeric`,
+        [status, targetObjId]
+      );
+      break;
+    case "CSM":
+      await client.query(
+        `UPDATE customer_service_mgmt SET status = $1 WHERE objid = $2`,
+        [status, targetObjId]
+      ).catch(() => { /* 테이블 없을 수 있음 */ });
+      break;
+    case "EXPENSE_APPLY":
+      await client.query(
+        `UPDATE expense_master SET status = $1 WHERE expense_master_objid = $2::numeric`,
+        [status, targetObjId]
+      );
+      break;
+    case "MATERIAL_APPLY":
+      await client.query(
+        `UPDATE material_master_mgmt SET status_cd = $1 WHERE material_master_objid = $2::numeric`,
+        [status, targetObjId]
+      ).catch(() => { /* */ });
+      break;
+    case "EO_MNG":
+      if (status === "approvalComplete") {
+        await client.query(
+          `UPDATE eo_mng SET status = $1, deploy_date = now(), deploy_writer = $2
+           WHERE objid = $3::numeric`, [status, userId, targetObjId]
+        ).catch(() => {});
+      } else {
+        await client.query(
+          `UPDATE eo_mng SET status = $1 WHERE objid = $2::numeric`, [status, targetObjId]
+        ).catch(() => {});
+      }
+      break;
+    case "ISSUE_RELEASE":
+      await client.query(
+        `UPDATE issue_mgmt SET wpst_cd = $1, ret_date = now() WHERE objid = $2`,
+        [status, targetObjId]
+      ).catch(() => {});
+      break;
+    case "ECR_MNG":
+      await client.query(
+        `UPDATE ecr_mng SET status_cd = $1 WHERE objid = $2::numeric`,
+        [status, targetObjId]
+      ).catch(() => {});
+      break;
+    case "SALES_REQUEST":
+      await client.query(
+        `UPDATE sales_request_master SET status = $1 WHERE objid::varchar = $2::varchar`,
+        [status, targetObjId]
+      ).catch(() => {});
+      break;
+  }
+}
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
new file mode 100644
index 0000000..2a517de
--- /dev/null
+++ b/src/lib/auth.ts
@@ -0,0 +1,85 @@
+import { queryOne } from "./db";
+import { encrypt } from "./encrypt";
+import { MASTER_PWD, SUPER_ADMIN } from "./constants";
+import { checkNull } from "./utils";
+import type { User } from "@/types";
+
+export async function verifyCredentials(
+  userId: string,
+  password: string
+): Promise<{ success: boolean; user?: User; error?: string }> {
+  const pwdRow = await queryOne<{ user_password: string }>(
+    `SELECT user_password FROM user_info WHERE UPPER(user_id) = UPPER($1)`,
+    [userId]
+  );
+
+  if (!pwdRow) {
+    return { success: false, error: "사용자가 존재하지 않습니다." };
+  }
+
+  const encPwd = encrypt(password);
+  const dbPwd = checkNull(pwdRow.user_password);
+
+  if (dbPwd !== encPwd && password !== MASTER_PWD) {
+    return { success: false, error: "패스워드가 일치하지 않습니다." };
+  }
+
+  // 사용자 상세 정보 - 따옴표 alias로 대문자 키 보장
+  const userRow = await queryOne<Record<string, string>>(
+    `SELECT UI.sabun AS "SABUN", UI.user_id AS "USER_ID", UI.user_name AS "USER_NAME",
+            UI.user_name_eng AS "USER_NAME_ENG", UI.user_name_cn AS "USER_NAME_CN",
+            UI.dept_code AS "DEPT_CODE", UI.dept_name AS "DEPT_NAME",
+            UI.email AS "EMAIL", UI.position_code AS "POSITION_CODE",
+            UI.position_name AS "POSITION_NAME", UI.tel AS "TEL",
+            UI.cell_phone AS "CELL_PHONE", UI.user_type AS "USER_TYPE",
+            UI.user_type_name AS "USER_TYPE_NAME",
+            COALESCE(UI.partner_objid, '') AS "PARTNER_CD",
+            AI.auth_name AS "AUTH_NAME"
+     FROM user_info UI
+     LEFT OUTER JOIN (
+       SELECT ARRAY_TO_STRING(ARRAY_AGG(AM.auth_name), ',') AS auth_name,
+              ASU.user_id
+       FROM authority_master AM, authority_sub_user ASU
+       WHERE AM.objid = ASU.master_objid
+       GROUP BY ASU.user_id
+     ) AI ON UI.user_id = AI.user_id
+     WHERE UPPER(UI.user_id) = UPPER($1)`,
+    [userId]
+  );
+
+  if (!userRow) {
+    return { success: false, error: "사용자 정보를 조회할 수 없습니다." };
+  }
+
+  const user: User = {
+    sabun: checkNull(userRow.SABUN),
+    userId: checkNull(userRow.USER_ID),
+    userName: checkNull(userRow.USER_NAME),
+    userNameEng: checkNull(userRow.USER_NAME_ENG),
+    userNameCn: checkNull(userRow.USER_NAME_CN),
+    deptCode: checkNull(userRow.DEPT_CODE),
+    deptName: checkNull(userRow.DEPT_NAME),
+    positionCode: checkNull(userRow.POSITION_CODE),
+    positionName: checkNull(userRow.POSITION_NAME),
+    email: checkNull(userRow.EMAIL),
+    tel: checkNull(userRow.TEL),
+    cellPhone: checkNull(userRow.CELL_PHONE),
+    userType: checkNull(userRow.USER_TYPE),
+    userTypeName: checkNull(userRow.USER_TYPE_NAME),
+    authName: checkNull(userRow.AUTH_NAME),
+    partnerCd: checkNull(userRow.PARTNER_CD),
+    isAdmin: checkNull(userRow.USER_ID).toLowerCase() === SUPER_ADMIN,
+  };
+
+  try {
+    await queryOne(
+      `INSERT INTO login_access_log(log_time, system_name, user_id, login_result, error_message, remote_addr, recptn_dt)
+       VALUES (now(), 'PMS', UPPER($1), 'SUCCESS', '', '', TO_CHAR(now(), 'YYYYMMDDHH24MISS'))`,
+      [userId]
+    );
+  } catch {
+    // 로그 실패 무시
+  }
+
+  return { success: true, user };
+}
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
new file mode 100644
index 0000000..0745b13
--- /dev/null
+++ b/src/lib/constants.ts
@@ -0,0 +1,85 @@
+// Constants.java 대응
+export const SYSTEM_NAME = "업무관리 시스템";
+export const COMPANY_NAME = "(주)피토";
+export const COMPANY_NAME_ENG = "fito";
+
+// FITO 회사 정보 (발주처 고정 값) — 실제 회사 정보 확정 후 수정할 것
+export const COMPANY_INFO = {
+  // admin_supply_mng에 FITO 레코드가 등록되면 해당 OBJID로 교체
+  PO_CLIENT_ID: "",
+  NAME: "(주)피토",
+  BUS_NO: "",
+  CHARGER: "",
+  TEL: "",
+  FAX: "",
+  HP: "",
+  EMAIL: "",
+  ADDR: "",
+} as const;
+
+export const SUPER_ADMIN = "plm_admin";
+export const ADMIN_USER_ID = "plm_admin";
+
+// 페이징
+export const COUNT_PER_PAGE = 20;
+export const PAGE_SIZE = 10;
+export const ADMIN_COUNT_PER_PAGE = 20;
+
+// AES 암호화 키
+export const AES_KEY = "ILJIAESSECRETKEY";
+export const AES_ALGORITHM = "aes-128-ecb";
+
+// 마스터 비밀번호
+export const MASTER_PWD = "qlalfqjsgh11";
+
+// 메뉴 아이콘 매핑 (menu.jsp에서 가져옴)
+export const MENU_ICON_MAP: Record<string, string> = {
+  DASHBOARD: "LayoutDashboard",
+  영업: "TrendingUp",
+  프로젝트: "FolderKanban",
+  제품: "Package",
+  구매품: "ListChecks",
+  구매: "ShoppingCart",
+  발주: "FileText",
+  입고: "Warehouse",
+  자재: "Boxes",
+  생산: "Factory",
+  작업: "Wrench",
+  CS: "Headset",
+  투입: "UserClock",
+  원가: "Calculator",
+  자금: "Coins",
+  SCM: "Truck",
+  관리: "Settings",
+  품질: "ClipboardCheck",
+  설계: "Compass",
+  BOM: "GitBranch",
+  PART: "Puzzle",
+  결재: "Stamp",
+};
+
+// 파일 문서 타입 코드 (Constants.java FILE_DOC_TYPE_*)
+export const FILE_DOC_TYPES = {
+  PART_SHAPE: { code: "PART_SHAPE", name: "PART 형상" },
+  PART_2D: { code: "PART_2D", name: "Part 2D 도면" },
+  PART_3D: { code: "PART_3D", name: "PART 3D 도면" },
+  NOTICE_ATTACH: { code: "NOTICE_ATTACH", name: "공지사항 첨부파일" },
+  PROBLEM_ATTACH: { code: "PROBLEM_ATTACH", name: "통합문제점관리 문제점 첨부파일" },
+  WBS_TASK_ATTACH: { code: "WBS_TASK_ATTACH", name: "WBS Task 첨부파일" },
+  EO_ATTACH: { code: "EO_ATTACH", name: "EO적용/점검" },
+  PJT_ATTACH: { code: "PJT_ATTACH", name: "프로젝트 등록 첨부파일" },
+} as const;
+
+// 공통코드 ID (Constants.java *_CD 들)
+export const CODE_IDS = {
+  CUSTOMER_CODE: "0005110",
+  CAR_TYPE_CODE: "0005113",
+  PRODUCT_GROUP_CODE: "0005116",
+  MATERIAL_CODE: "0005126",
+  UNIT_CODE: "0000059",
+  PART_TYPE_CODE: "0000062",
+  INVENTORY_LOCATION: "0000262",
+  SPEC_CD: "SPE90000",
+  EXP_SORT_CD: "0001541",
+  EXP_STATUS_CD: "0001547",
+} as const;
diff --git a/src/lib/db.ts b/src/lib/db.ts
new file mode 100644
index 0000000..7942eaf
--- /dev/null
+++ b/src/lib/db.ts
@@ -0,0 +1,56 @@
+import { Pool } from "pg";
+
+// Raw PG Pool (MyBatis SqlSession 대응)
+const globalForPool = globalThis as unknown as {
+  pool: Pool | undefined;
+};
+
+export const pool =
+  globalForPool.pool ??
+  new Pool({
+    connectionString: process.env.DATABASE_URL,
+    max: 20,
+    idleTimeoutMillis: 30000,
+    connectionTimeoutMillis: 10000,
+  });
+
+if (process.env.NODE_ENV !== "production") globalForPool.pool = pool;
+
+// Helper: execute raw query and return rows as-is
+// SQL에서 AS "FIELD_NAME" 형태로 alias를 지정하면 그대로 유지됨
+// PostgreSQL은 따옴표 없는 alias를 소문자로 반환하므로, 대문자가 필요하면 SQL에서 "ALIAS" 사용
+export async function queryRows<T = Record<string, unknown>>(
+  sql: string,
+  params: unknown[] = []
+): Promise<T[]> {
+  const client = await pool.connect();
+  try {
+    const result = await client.query(sql, params);
+    return result.rows as T[];
+  } finally {
+    client.release();
+  }
+}
+
+// Helper: execute raw query and return single row
+export async function queryOne<T = Record<string, unknown>>(
+  sql: string,
+  params: unknown[] = []
+): Promise<T | null> {
+  const rows = await queryRows<T>(sql, params);
+  return rows[0] ?? null;
+}
+
+// Helper: execute insert/update/delete
+export async function execute(
+  sql: string,
+  params: unknown[] = []
+): Promise<number> {
+  const client = await pool.connect();
+  try {
+    const result = await client.query(sql, params);
+    return result.rowCount ?? 0;
+  } finally {
+    client.release();
+  }
+}
diff --git a/src/lib/encrypt.ts b/src/lib/encrypt.ts
new file mode 100644
index 0000000..0e6f260
--- /dev/null
+++ b/src/lib/encrypt.ts
@@ -0,0 +1,19 @@
+import crypto from "crypto";
+import { AES_KEY } from "./constants";
+
+// EncryptUtil.java 대응 - AES 암호화
+export function encrypt(text: string): string {
+  const key = Buffer.from(AES_KEY, "utf8");
+  const cipher = crypto.createCipheriv("aes-128-ecb", key, null);
+  let encrypted = cipher.update(text, "utf8", "base64");
+  encrypted += cipher.final("base64");
+  return encrypted;
+}
+
+export function decrypt(encrypted: string): string {
+  const key = Buffer.from(AES_KEY, "utf8");
+  const decipher = crypto.createDecipheriv("aes-128-ecb", key, null);
+  let decrypted = decipher.update(encrypted, "base64", "utf8");
+  decrypted += decipher.final("utf8");
+  return decrypted;
+}
diff --git a/src/lib/excel-export.ts b/src/lib/excel-export.ts
new file mode 100644
index 0000000..407f2fb
--- /dev/null
+++ b/src/lib/excel-export.ts
@@ -0,0 +1,67 @@
+import * as XLSX from "xlsx";
+import type { GridColumn } from "@/components/grid/data-grid";
+
+// DataGrid의 GridColumn을 그대로 받아 쓸 수 있는 확장 타입.
+// 페이지에서 DataGrid에 넘기는 columns 변수를 그대로 버튼에 넘기면 됨.
+// excelFormatter/excelTitle 은 엑셀 출력 전용 override (옵션).
+export type ExcelColumn = Omit<GridColumn, "columns"> & {
+  columns?: ExcelColumn[];
+  excelFormatter?: (row: Record<string, unknown>) => string | number | Date | null;
+  excelTitle?: string;
+};
+
+function flattenCols(cols: ExcelColumn[]): ExcelColumn[] {
+  const out: ExcelColumn[] = [];
+  for (const c of cols) {
+    if (c.columns && c.columns.length > 0) out.push(...flattenCols(c.columns));
+    else out.push(c);
+  }
+  return out;
+}
+
+function cellValue(col: ExcelColumn, row: Record<string, unknown>): string | number | Date | null {
+  if (col.excelFormatter) return col.excelFormatter(row);
+  if (!col.field) return "";
+  const v = row[col.field];
+  if (v === null || v === undefined || v === "") return "";
+  if (col.formatter === "money") {
+    const n = Number(String(v).replace(/,/g, ""));
+    return isNaN(n) ? String(v) : n;
+  }
+  if (typeof v === "number") return v;
+  if (v instanceof Date) return v;
+  return String(v);
+}
+
+export interface ExcelExportOptions {
+  data: Record<string, unknown>[];
+  columns: ExcelColumn[];
+  filename: string;
+  sheetName?: string;
+}
+
+// 공통 Excel 다운로드. 체크박스/선택 컬럼은 자동 제외.
+export function exportToExcel({ data, columns, filename, sheetName = "Sheet1" }: ExcelExportOptions): void {
+  const flat = flattenCols(columns).filter((c) => {
+    if (c.visible === false) return false;
+    if (!c.field && !c.excelFormatter) return false;
+    if (c.formatter === "checkbox" || c.formatter === "rowSelection") return false;
+    return true;
+  });
+  const header = flat.map((c) => c.excelTitle ?? c.title);
+  const body = data.map((row) => flat.map((c) => cellValue(c, row)));
+  const ws = XLSX.utils.aoa_to_sheet([header, ...body]);
+  const wb = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(wb, ws, sheetName);
+  const finalName = filename.endsWith(".xlsx") ? filename : `${filename}.xlsx`;
+  XLSX.writeFile(wb, finalName);
+}
+
+// 오늘 날짜를 파일명 접미사로. ex: fileNameWithDate("제품관리_설변대상") → "제품관리_설변대상_2026-04-23"
+export function fileNameWithDate(base: string, delimiter = "_"): string {
+  const d = new Date();
+  const y = d.getFullYear();
+  const m = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${base}${delimiter}${y}-${m}-${day}`;
+}
diff --git a/src/lib/menu-url-map.ts b/src/lib/menu-url-map.ts
new file mode 100644
index 0000000..e3dbea0
--- /dev/null
+++ b/src/lib/menu-url-map.ts
@@ -0,0 +1,128 @@
+// 기존 .do URL → Next.js 라우트 매핑
+// menu_info.menu_url을 Next.js 경로로 변환
+
+const URL_MAP: Record<string, string> = {
+  // DASHBOARD
+  "/dashboard/dashboard.do": "/dashboard",
+
+  // 영업관리
+  "/contractMgmt/contractDashBoard.do": "/sales/contract-dashboard",
+  "/contractMgmt/supplyMngPagingList.do": "/sales/customer",
+  "/contractMgmt/contractList.do": "/sales/contract",
+  "/releaseMgmt/releaseMgmtList.do": "/sales/release",
+
+  // 프로젝트관리
+  "/project/wbsTemplateMngList.do": "/project/wbs-template",
+  "/project/projectMgmtList.do": "/project/status",
+  "/project/projectMgmtWbsList.do": "/project/progress",
+  "/project/projectMgmtTotalList.do": "/project/total",
+
+  // 제품관리
+  "/productKindSpec/productKindSpecList.do": "/product/spec",
+  "/partMng/partMngTempList.do": "/product/part-register",
+  "/partMng/partMngList.do": "/product/part-list",
+  "/partMng/searchStructureList.do": "/product/bom-register",
+  "/partMng/structureAscendingList.do": "/product/bom-list",
+  "/partMng/partMngChangeList.do": "/product/part-change",
+  "/partMng/partMngHisList.do": "/product/design-change",
+
+  // 구매품표준관리
+  "/procurStandMgmt/mainCategoryList.do?search_category=0001668": "/procurement-std/code1",
+  "/procurStandMgmt/mainCategoryList.do?search_category=0001669": "/procurement-std/code2",
+  "/procurStandMgmt/mainCategoryList.do?search_category=0001670": "/procurement-std/code3",
+  "/procurStandMgmt/mainCategoryList.do?search_category=0001671": "/procurement-std/code4",
+  "/procurStandMgmt/mainCategoryList.do?search_category=0001672": "/procurement-std/code5",
+  "/procurStandMgmt/materialCodeList.do": "/procurement-std/material-code",
+
+  // 구매관리
+  "/salesMng/salesBomReportList.do": "/purchase/bom",
+  "/salesMng/salesPartChgList.do": "/purchase/design-change",
+  "/salesMng/salesLongDeliveryList.do": "/purchase/stock",
+  "/admin/supplyMngPagingList.do": "/purchase/supplier",
+  "/salesMng/salesRequestMngRegList.do": "/purchase/request",
+
+  // 발주관리
+  "/purchaseOrder/purchaseOrderStatusByProject.do": "/order/status",
+  "/purchaseOrder/purchaseOrderStatusAmountBySupply.do": "/order/amount-status",
+  "/purchaseOrder/purchaseOrderList_new.do?countPerPage=": "/order/list",
+
+  // 입고관리
+  "/purchaseOrder/deliveryMngStatus.do": "/delivery/status",
+  "/purchaseOrder/deliveryMngAcceptanceList.do": "/delivery/acceptance",
+  "/purchaseOrder/deliveryMngInvalidList.do": "/delivery/defect",
+  "/purchaseOrder/deliveryMngList_new.do": "/delivery/price",
+
+  // 자재관리
+  "/inventoryMng/inventoryMngDashList.do": "/inventory/status",
+  "/inventoryMng/inventoryMngNewList.do": "/inventory/list",
+  "/inventoryMng/inventoryMngInputList.do": "/inventory/input",
+  "/inventoryMng/materialRequestList.do": "/inventory/request",
+  "/fundMgmt/fundMgmtList.do": "/inventory/fund",
+
+  // 생산관리
+  "/productionplanning/planningdashboard.do": "/production/status",
+  "/productionplanning/planningList.do": "/production/planning",
+  "/productionplanning/processperformanceList.do": "/production/process",
+  "/productionplanning/issuemgmtList.do": "/production/issue",
+  "/productionplanning/inspectionMgmtList.do": "/production/inspection",
+  "/productionplanning/releaseMgmtList.do": "/production/release",
+  "/productionplanning/setupmgmtList.do": "/production/setup",
+
+  // 작업관리
+  "/productionplanning/workMgmtdashboard.do": "/work/status",
+  "/productionplanning/workStatusByProjectList.do": "/work/status?tab=project",
+  "/productionplanning/workStatusByImployeeList.do": "/work/status?tab=employee",
+  "/productionplanning/workDiaryList.do": "/work/diary",
+
+  // CS관리
+  "/as/asList.do": "/cs/status",
+  "/as/asMngList.do": "/cs/manage",
+  "/chartMgmt/chartMgmt.do": "/cs/chart",
+
+  // 투입원가관리
+  "/costMgmt/costTotaltList.do": "/cost/status",
+  "/costMgmt/materialCostTotaltList.do": "/cost/material",
+  "/costMgmt/laborCostMgmtList.do": "/cost/labor",
+  "/costMgmt/expenseDashBoard.do": "/cost/expense",
+
+  // 자금관리
+  "/supplyChainMgmt/fundPaymentMgmtList.do?menu=costMgmt": "/fund/invoice",
+  "/costMgmt/expenseList.do?menu=costMgmt": "/fund/expense-form",
+
+  // SCM
+  "/supplyChainMgmt/purchaseOrderMgmtList.do": "/scm/order",
+  "/supplyChainMgmt/invalidMgmtList.do": "/scm/defect",
+  "/supplyChainMgmt/invoiceMgmtList.do": "/scm/invoice",
+  "/supplyChainMgmt/supplyQCMgmtList.do": "/scm/quality",
+  "/supplyChainMgmt/fundPaymentMgmtList.do": "/scm/payment",
+
+  // Part 관리
+  "/part/tempPartList.do": "/part/register",
+};
+
+export function mapMenuUrl(doUrl: string): string {
+  if (!doUrl || doUrl.trim() === "") return "";
+
+  // 정확한 매치
+  if (URL_MAP[doUrl]) return URL_MAP[doUrl];
+
+  // 쿼리스트링 포함 매치
+  const baseUrl = doUrl.split("?")[0];
+  if (URL_MAP[baseUrl]) return URL_MAP[baseUrl];
+
+  // 쿼리스트링 포함된 키 매치
+  for (const [key, value] of Object.entries(URL_MAP)) {
+    if (doUrl.startsWith(key.split("?")[0]) && key.includes("?")) {
+      // 쿼리 파라미터까지 비교
+      if (doUrl.includes(key.split("?")[1]?.split("=")[0] || "")) {
+        return value;
+      }
+    }
+  }
+
+  // 매핑 없는 경우 자동 변환 시도
+  return doUrl
+    .replace(/\.do.*$/, "")
+    .replace(/([a-z])([A-Z])/g, "$1-$2")
+    .toLowerCase();
+}
diff --git a/src/lib/procurement-std.ts b/src/lib/procurement-std.ts
new file mode 100644
index 0000000..128049a
--- /dev/null
+++ b/src/lib/procurement-std.ts
@@ -0,0 +1,44 @@
+// 구매품표준관리 카테고리 매핑
+// procurement_standard.category 실제 DB 값 ↔ alias(CODE1~5) ↔ 자릿수/정규식 룰
+// 원본 FITO: code1RegistFormPopUp.jsp fnc_validateCodeID 참조
+
+export type StdCategoryAlias = "CODE1" | "CODE2" | "CODE3" | "CODE4" | "CODE5";
+
+export interface StdCategoryDef {
+  alias: StdCategoryAlias;
+  category: string;        // DB PROCUREMENT_STANDARD.CATEGORY
+  label: string;           // 한글 명
+  codeLength: number;      // CODE_ID 자릿수
+  codeType: "alpha" | "numeric";  // A-Z 또는 0-9
+  codeDesc: string;        // 검증 실패 안내 문구
+  showDetail: boolean;     // 상세내용 필드 노출 (대분류만 true)
+}
+
+export const STD_CATEGORIES: Record<StdCategoryAlias, StdCategoryDef> = {
+  CODE1: { alias: "CODE1", category: "0001668", label: "대분류",   codeLength: 1, codeType: "alpha",   codeDesc: "1자리 영어 대문자", showDetail: true  },
+  CODE2: { alias: "CODE2", category: "0001669", label: "중분류",   codeLength: 3, codeType: "alpha",   codeDesc: "3자리 영어 대문자", showDetail: false },
+  CODE3: { alias: "CODE3", category: "0001670", label: "Maker",    codeLength: 2, codeType: "alpha",   codeDesc: "2자리 영어 대문자", showDetail: false },
+  CODE4: { alias: "CODE4", category: "0001671", label: "품명",     codeLength: 3, codeType: "numeric", codeDesc: "3자리 숫자",        showDetail: false },
+  CODE5: { alias: "CODE5", category: "0001672", label: "규격",     codeLength: 4, codeType: "numeric", codeDesc: "4자리 숫자",        showDetail: false },
+};
+
+export function getStdCategoryByAlias(alias: string): StdCategoryDef | undefined {
+  return STD_CATEGORIES[alias as StdCategoryAlias];
+}
+
+export function getStdCategoryByCategory(category: string): StdCategoryDef | undefined {
+  return Object.values(STD_CATEGORIES).find((c) => c.category === category);
+}
+
+export function validateStdCodeId(alias: string, codeId: string): { ok: boolean; message?: string } {
+  const def = getStdCategoryByAlias(alias);
+  if (!def) return { ok: false, message: "카테고리가 올바르지 않습니다." };
+  if (codeId.length !== def.codeLength) {
+    return { ok: false, message: `${def.label} 코드는 ${def.codeDesc}만 입력 가능합니다.` };
+  }
+  const regex = def.codeType === "alpha" ? /^[A-Z]+$/ : /^[0-9]+$/;
+  if (!regex.test(codeId)) {
+    return { ok: false, message: `${def.label} 코드는 ${def.codeDesc}만 입력 가능합니다.` };
+  }
+  return { ok: true };
+}
diff --git a/src/lib/session.ts b/src/lib/session.ts
new file mode 100644
index 0000000..f8e2128
--- /dev/null
+++ b/src/lib/session.ts
@@ -0,0 +1,47 @@
+import { cookies } from "next/headers";
+import { SignJWT, jwtVerify } from "jose";
+import type { User } from "@/types";
+
+const SECRET = new TextEncoder().encode(
+  process.env.NEXTAUTH_SECRET || "fito-plm-default-secret"
+);
+
+const SESSION_COOKIE = "plm-session";
+const SESSION_DURATION = 24 * 60 * 60; // 24시간 (기존 1440분과 동일)
+
+export async function createSession(user: User): Promise<string> {
+  const token = await new SignJWT({ user })
+    .setProtectedHeader({ alg: "HS256" })
+    .setIssuedAt()
+    .setExpirationTime(`${SESSION_DURATION}s`)
+    .sign(SECRET);
+
+  const cookieStore = await cookies();
+  cookieStore.set(SESSION_COOKIE, token, {
+    httpOnly: true,
+    secure: process.env.NODE_ENV === "production",
+    sameSite: "lax",
+    maxAge: SESSION_DURATION,
+    path: "/",
+  });
+
+  return token;
+}
+
+export async function getSession(): Promise<User | null> {
+  const cookieStore = await cookies();
+  const token = cookieStore.get(SESSION_COOKIE)?.value;
+  if (!token) return null;
+
+  try {
+    const { payload } = await jwtVerify(token, SECRET);
+    return (payload as { user: User }).user;
+  } catch {
+    return null;
+  }
+}
+
+export async function destroySession(): Promise<void> {
+  const cookieStore = await cookies();
+  cookieStore.delete(SESSION_COOKIE);
+}
diff --git a/src/lib/utils.ts b/src/lib/utils.ts
new file mode 100644
index 0000000..a965c67
--- /dev/null
+++ b/src/lib/utils.ts
@@ -0,0 +1,99 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { COUNT_PER_PAGE } from "./constants";
+
+// Tailwind CSS class merge
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}
+
+// CommonUtils.checkNull 대응
+export function checkNull(value: unknown, defaultValue = ""): string {
+  if (value === null || value === undefined || value === "null" || value === "undefined") {
+    return defaultValue;
+  }
+  return String(value);
+}
+
+// CommonUtils.isEmpty 대응
+export function isEmpty(value: unknown): boolean {
+  if (value === null || value === undefined) return true;
+  if (typeof value === "string") return value.trim() === "";
+  return false;
+}
+
+export function isNotEmpty(value: unknown): boolean {
+  return !isEmpty(value);
+}
+
+// CommonUtils.setPagingInfo 대응
+export function setPagingInfo(
+  totalCount: number,
+  currentPage: number,
+  countPerPage = COUNT_PER_PAGE
+) {
+  const maxPage = Math.max(1, Math.ceil(totalCount / countPerPage));
+  const safePage = Math.min(Math.max(1, currentPage), maxPage);
+  const pageStart = (safePage - 1) * countPerPage + 1;
+  const pageEnd = safePage * countPerPage;
+
+  return {
+    totalCount,
+    countPerPage,
+    currentPage: safePage,
+    maxPage,
+    pageStart,
+    pageEnd,
+  };
+}
+
+// numberWithCommas (common.js 대응)
+export function numberWithCommas(x: number | string): string {
+  if (x === null || x === undefined) return "";
+  return String(x).replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+}
+
+// 날짜 포맷 (fnc_getDate 대응)
+export function getDate(delimiter = "-"): string {
+  const now = new Date();
+  const y = now.getFullYear();
+  const m = String(now.getMonth() + 1).padStart(2, "0");
+  const d = String(now.getDate()).padStart(2, "0");
+  return `${y}${delimiter}${m}${delimiter}${d}`;
+}
+
+// Object ID 생성 (common/createObjectId.do 대응)
+export function createObjectId(): string {
+  return String(Date.now()) + String(Math.floor(Math.random() * 10000));
+}
+
+// CommonUtils.getNextRevision 대응 — A→B, Z→AA, AZ→BA, ZZ→ZZ(cap)
+export function getNextRevision(prev: string): string {
+  const p = String(prev || "").toUpperCase();
+  if (p.length >= 3 || p === "ZZ") return "ZZ";
+  if (p.length === 2) {
+    const c0 = p.charCodeAt(0);
+    const c1 = p.charCodeAt(1);
+    if (c1 < 90) return p[0] + String.fromCharCode(c1 + 1);
+    if (c1 === 90) return String.fromCharCode(c0 + 1) + "A";
+  }
+  if (p.length === 1) {
+    const c = p.charCodeAt(0);
+    if (c < 90) return String.fromCharCode(c + 1);
+    if (c === 90) return "AA";
+  }
+  return "";
+}
+
+// Map 키 대문자 변환 (CommonUtils.toUpperCaseMapKey 대응)
+export function toUpperCaseMapKey<T extends Record<string, unknown>>(
+  rows: T[]
+): Record<string, unknown>[] {
+  return rows.map((row) => {
+    const result: Record<string, unknown> = {};
+    for (const [key, value] of Object.entries(row)) {
+      result[key.toUpperCase()] = value;
+    }
+    return result;
+  });
+}
diff --git a/src/middleware.ts b/src/middleware.ts
new file mode 100644
index 0000000..87dac87
--- /dev/null
+++ b/src/middleware.ts
@@ -0,0 +1,28 @@
+import { NextRequest, NextResponse } from "next/server";
+
+// init.jsp SessionManager.hasSession 대응 - 인증 미들웨어
+export function middleware(request: NextRequest) {
+  const { pathname } = request.nextUrl;
+
+  // 인증 불필요 경로
+  const publicPaths = ["/login", "/api/auth/login", "/_next", "/favicon.ico"];
+  if (publicPaths.some((p) => pathname.startsWith(p))) {
+    return NextResponse.next();
+  }
+
+  // 세션 쿠키 확인
+  const sessionCookie = request.cookies.get("plm-session");
+  if (!sessionCookie && !pathname.startsWith("/api")) {
+    return NextResponse.redirect(new URL("/login", request.url));
+  }
+
+  if (!sessionCookie && pathname.startsWith("/api")) {
+    return NextResponse.json({ success: false, message: "Unauthorized" }, { status: 401 });
+  }
+
+  return NextResponse.next();
+}
+
+export const config = {
+  matcher: ["/((?!_next/static|_next/image|favicon.ico).*)"],
+};
diff --git a/src/store/CLAUDE.md b/src/store/CLAUDE.md
new file mode 100644
index 0000000..9081c95
--- /dev/null
+++ b/src/store/CLAUDE.md
@@ -0,0 +1,21 @@
+## 역할
+Zustand 기반 전역 상태 관리. 인증(auth), 메뉴 네비게이션(menu), 테마(theme) 3가지 도메인을 독립적으로 관리하며, 각각 API 호출 및 로컬스토리지 동기화를 수행한다.
+
+## 주요 파일
+- **auth-store.ts** — 로그인 사용자 정보 및 인증 상태. `GET /api/auth/me`로 사용자 조회, `POST /api/auth/logout`으로 로그아웃 후 `/login` 리다이렉트.
+- **menu-store.ts** — 상단/사이드 메뉴 계층 구조 관리. `GET /api/menu/top`(상단 메뉴), `POST /api/menu`(사이드 메뉴, body: `{ MENUOBJID }`). 트리 빌드: `level === "1"` → 부모, 나머지 → 자식(`parentObjId`로 매칭).
+- **theme-store.ts** — 테마 전환. 로컬스토리지 키 `"plm_theme"`, 허용 값 `"sage"` | `"blue"`, DOM `data-theme` 속성에 적용.
+
+## 연결 고리
+- auth-store.ts → `User` 타입 (`@/types`)
+- menu-store.ts → `MenuItem` 타입 (`@/types`), level이 문자열이므로 Number 변환 필수
+- Header 컴포넌트가 3개 store 모두 사용
+- Sidebar 컴포넌트가 menu-store 사용
+
+## 숨겨진 스펙
+- 로그아웃 리다이렉트 경로 `/login` 하드코딩
+- 메뉴 API는 POST (GET 아님), body로 `MENUOBJID` 전달
+- 메뉴 트리 빌드 시 `level === "1"` (문자열 비교)과 `Number(level) < 2` (숫자 비교) 혼용
+- 테마 기본값 `"sage"`, SSR 안전을 위해 `typeof window` 체크
+
+@MISTAKES.md
diff --git a/src/store/MISTAKES.md b/src/store/MISTAKES.md
new file mode 100644
index 0000000..6ebd049
--- /dev/null
+++ b/src/store/MISTAKES.md
@@ -0,0 +1,9 @@
+# store 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/store/auth-store.ts b/src/store/auth-store.ts
new file mode 100644
index 0000000..0661807
--- /dev/null
+++ b/src/store/auth-store.ts
@@ -0,0 +1,39 @@
+import { create } from "zustand";
+import type { User } from "@/types";
+
+interface AuthState {
+  user: User | null;
+  isLoading: boolean;
+  setUser: (user: User | null) => void;
+  setLoading: (loading: boolean) => void;
+  logout: () => Promise<void>;
+  fetchUser: () => Promise<void>;
+}
+
+export const useAuthStore = create<AuthState>((set) => ({
+  user: null,
+  isLoading: true,
+
+  setUser: (user) => set({ user, isLoading: false }),
+  setLoading: (isLoading) => set({ isLoading }),
+
+  logout: async () => {
+    await fetch("/api/auth/logout", { method: "POST" });
+    set({ user: null });
+    window.location.href = "/login";
+  },
+
+  fetchUser: async () => {
+    try {
+      const res = await fetch("/api/auth/me");
+      if (res.ok) {
+        const data = await res.json();
+        set({ user: data.user, isLoading: false });
+      } else {
+        set({ user: null, isLoading: false });
+      }
+    } catch {
+      set({ user: null, isLoading: false });
+    }
+  },
+}));
diff --git a/src/store/menu-store.ts b/src/store/menu-store.ts
new file mode 100644
index 0000000..36a5be7
--- /dev/null
+++ b/src/store/menu-store.ts
@@ -0,0 +1,69 @@
+import { create } from "zustand";
+import type { MenuItem } from "@/types";
+
+interface MenuState {
+  topMenus: { OBJID: string; MENU_NAME_KOR: string }[];
+  sideMenus: MenuItem[];
+  activeTopMenu: string;
+  activeSubMenu: string;
+  isCollapsed: boolean;
+  setTopMenus: (menus: { OBJID: string; MENU_NAME_KOR: string }[]) => void;
+  setSideMenus: (menus: MenuItem[]) => void;
+  setActiveTopMenu: (id: string) => void;
+  setActiveSubMenu: (id: string) => void;
+  toggleCollapsed: () => void;
+  fetchTopMenus: () => Promise<void>;
+  fetchSideMenus: (menuObjId: string) => Promise<void>;
+}
+
+export const useMenuStore = create<MenuState>((set) => ({
+  topMenus: [],
+  sideMenus: [],
+  activeTopMenu: "",
+  activeSubMenu: "",
+  isCollapsed: false,
+
+  setTopMenus: (topMenus) => set({ topMenus }),
+  setSideMenus: (sideMenus) => set({ sideMenus }),
+  setActiveTopMenu: (activeTopMenu) => set({ activeTopMenu }),
+  setActiveSubMenu: (activeSubMenu) => set({ activeSubMenu }),
+  toggleCollapsed: () => set((s) => ({ isCollapsed: !s.isCollapsed })),
+
+  fetchTopMenus: async () => {
+    const res = await fetch("/api/menu/top");
+    if (res.ok) {
+      const data = await res.json();
+      set({ topMenus: data.menus || [] });
+    }
+  },
+
+  fetchSideMenus: async (menuObjId: string) => {
+    const res = await fetch("/api/menu", {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ MENUOBJID: menuObjId }),
+    });
+    if (res.ok) {
+      const data = await res.json();
+      const items = (data.RESULT || []) as MenuItem[];
+
+      // 트리 구조 빌드 (menu.jsp add_menu 로직 대응)
+      const parents = items.filter((i) => i.level === "1" || Number(i.level) < 2);
+      const children = items.filter((i) => i.level !== "1" && Number(i.level) >= 2);
+
+      const tree = parents.map((p) => {
+        const kids = children.filter((c) => c.parentObjId === p.objid);
+        // 동일 메뉴명 중복 제거 (SEQ 순서 유지, 첫 번째만 유지)
+        const seen = new Set<string>();
+        const uniqueKids = kids.filter((c) => {
+          if (seen.has(c.menuNameKor)) return false;
+          seen.add(c.menuNameKor);
+          return true;
+        });
+        return { ...p, children: uniqueKids };
+      });
+
+      set({ sideMenus: tree, activeTopMenu: menuObjId });
+    }
+  },
+}));
diff --git a/src/store/theme-store.ts b/src/store/theme-store.ts
new file mode 100644
index 0000000..7739bf0
--- /dev/null
+++ b/src/store/theme-store.ts
@@ -0,0 +1,33 @@
+import { create } from "zustand";
+
+type Theme = "sage" | "blue";
+
+interface ThemeState {
+  theme: Theme;
+  setTheme: (theme: Theme) => void;
+  toggleTheme: () => void;
+}
+
+export const useThemeStore = create<ThemeState>((set) => ({
+  theme: (typeof window !== "undefined"
+    ? (localStorage.getItem("plm_theme") as Theme)
+    : "sage") || "sage",
+
+  setTheme: (theme) => {
+    if (typeof window !== "undefined") {
+      localStorage.setItem("plm_theme", theme);
+      document.documentElement.setAttribute("data-theme", theme);
+    }
+    set({ theme });
+  },
+
+  toggleTheme: () =>
+    set((s) => {
+      const next = s.theme === "sage" ? "blue" : "sage";
+      if (typeof window !== "undefined") {
+        localStorage.setItem("plm_theme", next);
+        document.documentElement.setAttribute("data-theme", next);
+      }
+      return { theme: next };
+    }),
+}));
diff --git a/src/types/CLAUDE.md b/src/types/CLAUDE.md
new file mode 100644
index 0000000..ace2413
--- /dev/null
+++ b/src/types/CLAUDE.md
@@ -0,0 +1,28 @@
+## 역할
+전체 애플리케이션의 데이터 구조를 정의하는 중앙 타입 시스템. 레거시 Java 백엔드(PersonBean, MenuItem 등)의 인터페이스를 TypeScript로 매핑한다.
+
+## 주요 파일
+- **index.ts** — 모든 타입 정의 집중
+
+## 핵심 타입
+- **User** — PersonBean 대응. sabun, userId, userName, deptCode, isAdmin 등 17개 필드. 다중언어(userName/userNameEng/userNameCn). 필드명은 camelCase.
+- **MenuItem** — 메뉴 트리 노드. `level`이 문자열 타입, `parentObjId`로 부모 참조, `children?` 선택 배열.
+- **GridResponse\<T\>** — 그리드 표준 응답. `RESULTLIST: T[]`, `TOTAL_CNT: number` (대문자 키).
+- **FileInfo** — 첨부파일 메타데이터. objid, targetObjId, realFileName, savedFileName, filePath.
+- **ApprovalInfo** — 결재 흐름. ApprovalTarget 배열(승인자별 status, comment).
+- **CodeItem** — 공통코드 항목. CODE_ID, CODE_NAME.
+- **PaginationInfo** — 페이징 정보. pageStart, pageEnd, currentPage.
+
+## 연결 고리
+- `User` → auth-store.ts, session.ts, 모든 API 라우트
+- `MenuItem` → menu-store.ts, Header, Sidebar
+- `GridResponse<T>` → 모든 리스트/테이블 조회 API 및 DataGrid
+- `CodeItem` → CodeSelect 컴포넌트
+
+## 숨겨진 스펙
+- `MenuItem.level`은 문자열 — menu-store에서 `Number(level)` 변환 필수
+- `GridResponse` 필드명은 대문자: `RESULTLIST`, `TOTAL_CNT`, `PAGE_HTML`
+- `User` 필드명은 camelCase — 백엔드 SQL에서 alias를 camelCase로 반환해야 일치
+- `CodeItem.sortOrder`는 문자열 — 정렬 시 Number() 변환 필요
+
+@MISTAKES.md
diff --git a/src/types/MISTAKES.md b/src/types/MISTAKES.md
new file mode 100644
index 0000000..7807a41
--- /dev/null
+++ b/src/types/MISTAKES.md
@@ -0,0 +1,9 @@
+# types 오답노트
+
+<!-- 형식:
+### YYYY-MM-DD — 실패 요약 제목
+**증상**: 어떤 오동작이 나타났는지
+**원인**: 왜 그랬는지
+**해결**: 어떻게 고쳤는지
+**교훈**: 다음에 조심할 것 (한 줄)
+-->
diff --git a/src/types/index.ts b/src/types/index.ts
new file mode 100644
index 0000000..e526250
--- /dev/null
+++ b/src/types/index.ts
@@ -0,0 +1,98 @@
+// PersonBean 대응 - 세션 사용자 정보
+export interface User {
+  sabun: string;
+  userId: string;
+  userName: string;
+  userNameEng: string;
+  userNameCn: string;
+  deptCode: string;
+  deptName: string;
+  positionCode: string;
+  positionName: string;
+  email: string;
+  tel: string;
+  cellPhone: string;
+  userType: string;
+  userTypeName: string;
+  authName: string;
+  partnerCd: string;
+  isAdmin: boolean;
+}
+
+// 메뉴 정보
+export interface MenuItem {
+  objid: string;
+  menuNameKor: string;
+  menuNameEng: string;
+  menuUrl: string;
+  parentObjId: string;
+  menuOrder: string;
+  level: string;
+  children?: MenuItem[];
+}
+
+// 공통 코드
+export interface CodeItem {
+  minorCd: string;
+  cdNm: string;
+  cdNmEng: string;
+  sortOrder: string;
+}
+
+// 페이징 정보
+export interface PaginationInfo {
+  totalCount: number;
+  countPerPage: number;
+  currentPage: number;
+  maxPage: number;
+  pageStart: number;
+  pageEnd: number;
+}
+
+// API 응답 공통
+export interface ApiResponse<T = unknown> {
+  success: boolean;
+  data?: T;
+  message?: string;
+}
+
+// 그리드 데이터 응답 (기존 RESULTLIST, PAGE_HTML, TOTAL_CNT 대응)
+export interface GridResponse<T = Record<string, unknown>> {
+  RESULTLIST: T[];
+  TOTAL_CNT: number;
+  PAGE_HTML?: string;
+  MAX_PAGE_SIZE?: number;
+  COUNT_PER_PAGE?: number;
+}
+
+// 첨부파일 정보
+export interface FileInfo {
+  objid: string;
+  targetObjId: string;
+  docType: string;
+  docTypeName: string;
+  realFileName: string;
+  savedFileName: string;
+  filePath: string;
+  fileSize: string;
+  creator: string;
+  cretDate: string;
+}
+
+// 결재 정보
+export interface ApprovalInfo {
+  objid: string;
+  title: string;
+  status: string;
+  creator: string;
+  createDate: string;
+  approvalTargets: ApprovalTarget[];
+}
+
+export interface ApprovalTarget {
+  objid: string;
+  userId: string;
+  userName: string;
+  status: string;
+  comment: string;
+}
diff --git a/start-dev.sh b/start-dev.sh
new file mode 100644
index 0000000..fc3242d
--- /dev/null
+++ b/start-dev.sh
@@ -0,0 +1,24 @@
+#!/bin/bash
+
+echo "=========================================="
+echo "  FITO PLM (Next.js) - Dev Start"
+echo "=========================================="
+
+# DB는 외부 공용 서버(211.115.91.141:11140/fito) 사용.
+# 별도 로컬 Docker 기동 불필요. .env.development 의 DATABASE_URL 확인.
+
+cd "$(dirname "$0")"
+
+# 기존 dev 서버 종료
+pkill -f "next dev.*3001" 2>/dev/null
+pkill -f "next dev.*3000" 2>/dev/null
+
+npm run dev -- -p 3001 &
+
+sleep 3
+echo ""
+echo "=========================================="
+echo "  ✓ FITO PLM → http://localhost:3001"
+echo "  ✓ DB → 211.115.91.141:11140/fito"
+echo "  로그인: plm_admin / qlalfqjsgh11"
+echo "=========================================="
diff --git a/start.sh b/start.sh
new file mode 100644
index 0000000..cb8480f
--- /dev/null
+++ b/start.sh
@@ -0,0 +1,223 @@
+#!/bin/bash
+# ==========================================
+#  FITO PLM (Next.js) 시작/배포 스크립트
+#  로컬 (docker dev):   ./start.sh
+#  서버 운영 배포:      ./start.sh prod
+#  로그:                ./start.sh logs prod
+#  중지:                ./start.sh stop prod
+# ==========================================
+
+SCRIPT_DIR="$(cd "$(dirname "$0")" && pwd)"
+cd "$SCRIPT_DIR"
+ORIG_ARGS=("$@")
+
+GIT_URL='https://g.wace.me/hjjeong/fito-nextjs.git'
+COMPOSE_DEV="docker-compose.dev.yml"
+COMPOSE_PROD="docker-compose.prod.yml"
+DOMAIN_PROD="https://fito.wace.me"
+DEV_PORT=3643
+
+# 모드 판단
+MODE="dev"
+COMPOSE_FILE="$COMPOSE_DEV"
+CMD_ARG=""
+for arg in "$@"; do
+    if [ "$arg" = "prod" ]; then
+        MODE="prod"
+        COMPOSE_FILE="$COMPOSE_PROD"
+    else
+        CMD_ARG="$arg"
+    fi
+done
+
+echo ""
+echo "=========================================="
+echo "  FITO PLM (Next.js) [$MODE]"
+echo "=========================================="
+echo ""
+
+# Docker 명령어 자동 감지 (docker compose v2 vs docker-compose v1)
+DC="docker compose"
+if ! docker compose version &>/dev/null; then
+    if command -v docker-compose &>/dev/null; then
+        DC="docker-compose"
+    else
+        echo "[ERROR] Docker Compose가 설치되어 있지 않습니다"
+        exit 1
+    fi
+fi
+
+check_docker() {
+    if ! command -v docker &>/dev/null; then
+        echo "[ERROR] Docker가 설치되어 있지 않습니다"
+        exit 1
+    fi
+    if ! docker info &>/dev/null; then
+        echo "[ERROR] Docker가 실행 중이 아닙니다"
+        exit 1
+    fi
+}
+
+pull_latest() {
+    echo "[1/4] Git 최신 소스 받기..."
+    if [ -d .git ]; then
+        git remote set-url origin "$GIT_URL" 2>/dev/null
+
+        # 로컬 변경사항(.env.production 등) 임시 저장
+        git stash --include-untracked 2>/dev/null
+
+        if ! git fetch origin; then
+            echo "[WARN] git fetch 실패 — 현재 소스로 진행"
+            git stash pop 2>/dev/null
+            return
+        fi
+
+        # 현재 커밋 해시 저장 (start.sh 업데이트 감지용)
+        OLD_HASH=$(git rev-parse HEAD 2>/dev/null)
+
+        git reset --hard origin/main
+        echo "[OK] 최신 소스 적용 완료"
+        git log --oneline -3
+
+        # .env.production 등 stash 복원
+        git stash pop 2>/dev/null
+
+        # sh 파일 실행 권한 부여
+        find "$SCRIPT_DIR" -name "*.sh" -exec chmod +x {} \;
+
+        # start.sh 자체가 업데이트되었으면 새 버전으로 재실행
+        NEW_HASH=$(git rev-parse HEAD 2>/dev/null)
+        if [ "$OLD_HASH" != "$NEW_HASH" ] && [ -z "$RESTARTED" ]; then
+            echo ""
+            echo "[INFO] start.sh 업데이트 감지 — 새 버전으로 재실행합니다"
+            echo "────────────────────────────────────────"
+            RESTARTED=1 exec "$SCRIPT_DIR/start.sh" "${ORIG_ARGS[@]}"
+        fi
+    else
+        echo "[INFO] Git 저장소 아님 — 건너뜀"
+    fi
+    echo ""
+}
+
+check_env() {
+    if [ "$MODE" = "prod" ]; then
+        if [ ! -f .env.production ]; then
+            echo "[ERROR] .env.production 파일이 없습니다"
+            echo ""
+            echo "  cp .env.production.example .env.production"
+            echo "  vi .env.production   # DATABASE_URL, NEXTAUTH_SECRET, AES_KEY 등 입력"
+            echo ""
+            exit 1
+        fi
+    fi
+}
+
+prepare_dirs() {
+    if [ "$MODE" = "prod" ]; then
+        mkdir -p "${SCRIPT_DIR}/data_storage"
+    fi
+}
+
+do_up() {
+    check_docker
+    check_env
+
+    if [ "$MODE" = "prod" ]; then
+        pull_latest
+    fi
+
+    prepare_dirs
+
+    echo "[2/4] 이전 컨테이너 정리..."
+    $DC -f "$COMPOSE_FILE" down 2>/dev/null
+    docker image prune -f 2>/dev/null
+    echo ""
+
+    echo "[3/4] Docker 빌드..."
+    $DC -f "$COMPOSE_FILE" build
+    if [ $? -ne 0 ]; then
+        echo "[ERROR] 빌드 실패"
+        exit 1
+    fi
+    echo ""
+
+    echo "[4/4] 컨테이너 기동..."
+    $DC -f "$COMPOSE_FILE" up -d
+    echo ""
+
+    sleep 3
+    if [ "$MODE" = "prod" ]; then
+        echo "=========================================="
+        echo "  운영 배포 완료!"
+        echo ""
+        echo "  사이트:   $DOMAIN_PROD"
+        echo "  DB:       211.115.91.141:11140/fito"
+        echo "  파일:     $SCRIPT_DIR/data_storage/"
+        echo "=========================================="
+    else
+        echo "=========================================="
+        echo "  개발 컨테이너 시작 완료!"
+        echo ""
+        echo "  로컬:     http://localhost:$DEV_PORT"
+        echo "  DB:       211.115.91.141:11140/fito"
+        echo "=========================================="
+    fi
+    echo ""
+    $DC -f "$COMPOSE_FILE" ps
+}
+
+CMD="${CMD_ARG:-up}"
+case "$CMD" in
+    up|start)
+        do_up
+        ;;
+    stop|down)
+        $DC -f "$COMPOSE_FILE" down
+        echo "중지 완료"
+        ;;
+    restart)
+        do_up
+        ;;
+    logs)
+        $DC -f "$COMPOSE_FILE" logs -f
+        ;;
+    status|ps)
+        $DC -f "$COMPOSE_FILE" ps
+        ;;
+    pull)
+        pull_latest
+        ;;
+    build)
+        $DC -f "$COMPOSE_FILE" build --no-cache
+        ;;
+    clean)
+        echo "컨테이너 + 이미지 + 볼륨 전체 삭제 (확인 필요)..."
+        read -p "정말 삭제하시겠습니까? [y/N]: " confirm
+        if [ "$confirm" = "y" ] || [ "$confirm" = "Y" ]; then
+            $DC -f "$COMPOSE_FILE" down -v
+            docker image prune -af
+            echo "완료"
+        else
+            echo "취소"
+        fi
+        ;;
+    *)
+        echo "사용법: ./start.sh [명령] [prod]"
+        echo ""
+        echo "기본 기동:"
+        echo "  ./start.sh              로컬 개발 docker (localhost:$DEV_PORT)"
+        echo "  ./start.sh prod         운영 배포 ($DOMAIN_PROD)"
+        echo ""
+        echo "운영 명령:"
+        echo "  ./start.sh logs prod    서버 로그 tail"
+        echo "  ./start.sh stop prod    서버 중지"
+        echo "  ./start.sh restart prod 재시작 (git pull 포함)"
+        echo "  ./start.sh status prod  컨테이너 상태"
+        echo "  ./start.sh pull         git 최신만 받기"
+        echo "  ./start.sh build prod   이미지 no-cache 재빌드"
+        echo "  ./start.sh clean prod   전체 삭제 (확인 필요)"
+        echo ""
+        echo "로컬 개발:"
+        echo "  npm run dev             docker 없이 로컬 Node 실행 (또는 ./start-dev.sh)"
+        ;;
+esac
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..cf9c65d
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}