# Instruction
1. 너는 웹앱 기획 전문가이다.
2. 나는 초보자 이다. . 전문용어는 쉽게 설명하라(용어 해설 추가)
3. 나는 {개발앱목적}을 만들고 싶다.
4. google ai studio 를 사용한다.
5. PRD문서, FS 문서를 작성하려 한다. 
6. PRD 문서 작성을 위한 토론을 하자.
7. 필요한 정보는 나에게 질문하라
8. 서술어, 수식어 없이 핵심만 간단한 대화식 진행
9. 대답은 선택 질문시 객관식 선택사항 또는 단답형
10. 웹앱의 기능 정보는 {Rule} 을 참고해.
## 개발앱목적
- 소모품 구매 신청 및 소모품 재고 관리 앱 제작
- 일반사원이 신청하면 관리자가 승인,관리한다.
## Strong Rule
1. 내가 "됐어" 할 때 까지 PRD관련 검토와 질문을 이어가라.
2. 답변을 받으면 예상되는 문제와 개선책을 고민해서 대화를 이어가라
3. 더 나은 새로운 기능과 아이디어가 있으면 적극 추천하라
4. 대화가 종료되면 "PRD 문서", "FS문서" 를 Markdown  으로 출력
## Rule
1. 회사는 [생산지원팀, 양조1팀, 양조2팀, 품질보증팀, 설비기술팀 ] 으로 구성됨
2. 일반회원, 관리자로 구성됨.
3. 
### 신청품목 종류
1. 고정품목: 관리자가 관리하는 품목
2. 추가품목: 신청자가 신청할 때 생성할 수 있음
3. 탕비위생품목: 관리자가 관리하는 품목
### 일반회원(행위자1)
#### 고정품목 선택
1. 나는 고정품목 목록중에서  {품목이름, 상품코드} 로 리스트를  검색해서 고른다.
2. 품목과 개수를 결정한다.
4. 신청 버튼을 누르면 완료
5. 나의 신청현황과 상태를 확인할 수 있다.
6. 신청이 관리자에 의해 허가 되면 나는 앱을 통해 알람을 받는다.
#### 추가항목 선택
1. 나는 선택목록 으로 품목필드의 데이터를 입력 해서 새로운 레코드를 추가생성한다
2. 새로운 고유번호는 기존 번호와 겹치지 않게 생성하는 "고유번호생성" 기능이 있다.
2. 품목과 개수를 결정한다.
4. 신청 버튼을 누르면 완료
5. 나의 신청현황과 상태를 확인할 수 있다.
6. 신청이 관리자에 의해 허가 되면 나는 앱을 통해 알람을 받는다.
#### 탕비위생용품 선택
1. 나는 탕비위생용품 목록중에서  {품목이름, 상품코드} 로 리스트를  검색해서 고른다.
2. 품목과 개수를 결정한다.
4. 신청 버튼을 누르면 완료
5. 나의 신청현황과 상태를 확인할 수 있다.
6. 신청이 관리자에 의해 허가 되면 나는 앱을 통해 알람을 받는다.
### 관리자(행위자2)
1. 나는 회원들의 가입 여부를 승인 할 수있다.
2. 회원들의 가입정보를 관리할 수 있다.
3. 각 부서별로 신청된 통합 현황을 볼 수 있다.
4. 부서별 신청 사항을 [승인, 취소, 거절,구매완료] 한다.
   - 승인: "구매예정 내역서" 추가 대상
   - 취소: 신청자에게 취소 통보 및 수정 요청 할 수 있음.
   - 거절: 신청 삭제
5. 지난 소모품 신청 통계 정리 리포트 제작
   - 부서별, 품목별,시간(주간, 월, 분기, 연간) 으로 리포트 페이지
   - 엑셀로 출력
6. 신청 내역을 "통합신청내역"(부서별) 엑셀 리포트로 출력(월 지정 가능)
7. "구매완료" 항목에 대해 "전체불출내역" 리포트 생성및 pdf 출력
### 추가참고 정보
1. "전체불출내역" 예제 파일: 1_전체불출내역.pdf
2. "통합신청내역" 에제 파일: 2_통합신청내역.xlsx

    # FS - 국순당 소모품 구매신청 및 재고관리 앱 기능명세서

    ## 1. 시스템 구성

    | 영역 | 사용 기술 |
    |---|---|
    | 프론트엔드 | Google AI Studio 생성 웹앱(반응형) |
    | 인증 | Firebase Authentication (이메일/비밀번호) |
    | 데이터베이스 | Firebase Firestore |
    | 파일 저장(엑셀 업로드 등) | Firebase Storage |
    | 엑셀 출력 | SheetJS(xlsx) |
    | PDF 출력 | jsPDF 또는 html2pdf |
    | 알림 | Firestore 기반 인앱 알림 컬렉션(웹푸시 미사용) |

    ---

    ## 2. 권한 매트릭스

    | 기능 | 일반회원 | 관리자 |
    |---|:---:|:---:|
    | 회원가입/로그인 | O | O |
    | 회원 승인 | X | O |
    | 회원 권한 승격 | X | O |
    | 품목 신청(고정/추가/탕비) | O | X |
    | 본인 신청현황 조회 | O | O(전체) |
    | 신청 취소(대기 상태) | O(본인 건) | O(전체) |
    | 신청 승인/거절/취소 처리 | X | O |
    | 구매완료 처리 | X | O |
    | 고정/탕비 품목 관리(CRUD) | X | O |
    | 재고 수동 수정/엑셀 업로드 | X | O |
    | 부서 예산 설정 | X | O |
    | 통계 리포트 조회 | X | O |
    | 통합신청내역 엑셀 출력 | X | O |
    | 전체불출내역 PDF 출력 | X | O |

    ---

    ## 3. 데이터 모델 (Firestore Collection)

    ### users
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | uid | string | Firebase Auth UID |
    | email | string | 이메일 |
    | name | string | 이름 |
    | department | string | 소속부서(5개 팀 중 1) |
    | role | string | general \| admin |
    | status | string | pending \| approved \| disabled |
    | createdAt | timestamp | 가입일 |

    ### items (고정품목/탕비위생품목 공용, type으로 구분)
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | itemId | string | 상품코드(고유값) |
    | name | string | 품목명 |
    | unit | string | 단위(EA, 켤레, box 등) |
    | price | number | 단가 |
    | type | string | fixed \| pantry |
    | stockQty | number | 현재 재고수량 |
    | minStockAlertYn | boolean | false 고정(기능 미사용) |
    | createdAt | timestamp | 등록일 |
    | updatedAt | timestamp | 최종수정일 |

    ### extraItems (추가품목 - 신청 건 종속, 공용목록 아님)
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | extraItemId | string | 자동 생성 고유번호(중복검사 로직 포함) |
    | requestId | string | 소속 신청 건 ID |
    | name | string | 품목명 |
    | unit | string | 단위 |
    | price | number | 단가(신청자 입력) |

    ### requests (신청 건 = 장바구니 단위)
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | requestId | string | 신청 건 ID |
    | userId | string | 신청자 UID |
    | department | string | 신청자 부서 |
    | status | string | pending \| approved \| rejected \| canceled \| purchased |
    | totalAmount | number | 신청금액 합계(자동계산) |
    | createdAt | timestamp | 신청일 |
    | processedAt | timestamp | 관리자 처리일 |
    | processedBy | string | 처리 관리자 UID |
    | canceledReason | string | 취소(반려) 사유 |
    | year | number | 귀속 연도(연도 초기화 기준) |

    ### requestItems (신청 건 내 품목 라인)
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | requestId | string | 상위 신청 건 ID |
    | itemType | string | fixed \| pantry \| extra |
    | itemId | string | items 또는 extraItems 참조 |
    | itemName | string | 품목명(스냅샷) |
    | unitPrice | number | 단가(스냅샷) |
    | qty | number | 신청수량 |
    | lineAmount | number | 단가×수량 |
    | receivedQty | number | 구매완료 시 입고수량 |

    ### budgets (부서별 월 예산)
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | department | string | 부서명 |
    | yearMonth | string | YYYY-MM |
    | limitAmount | number | 예산 한도 |
    | usedAmount | number | 사용(승인) 누적금액 |

    ### notifications
    | 필드 | 타입 | 설명 |
    |---|---|---|
    | userId | string | 수신자 UID |
    | type | string | approved \| rejected \| canceled \| newRequest |
    | requestId | string | 관련 신청 건 |
    | isRead | boolean | 읽음 여부 |
    | createdAt | timestamp | 생성일 |

    ---

    ## 4. 화면 목록

    ### 일반회원
    1. 로그인 / 회원가입 (부서 선택 포함)
    2. 승인대기 안내 화면
    3. 홈(신청하기 진입)
    4. 품목 검색/선택 화면(고정품목 / 탕비위생품목 - 이름·상품코드 검색)
    5. 추가품목 등록 화면(품목명/단위/단가/수량 입력)
    6. 장바구니 화면(담은 품목 리스트, 수량 수정, 합계금액 표시)
    7. 신청 완료 화면
    8. 내 신청현황 리스트/상세(상태별 필터, 대기 건 취소 버튼)
    9. 알림함(뱃지)

    ### 관리자
    1. 회원 승인 관리(가입대기 리스트 승인/거절)
    2. 회원 관리(부서/권한 수정, 비활성화)
    3. 부서별 통합 신청 현황(대시보드)
    4. 신청 상세/처리(승인/거절/취소 버튼, 취소사유 입력)
    5. 구매예정 내역서(승인된 건 목록)
    6. 구매완료 처리 화면(입고수량 입력 → 재고 자동반영)
    7. 품목 관리(고정품목/탕비위생품목 CRUD)
    8. 재고 관리(현재고 조회, 수동수정, 엑셀 일괄 업로드)
    9. 부서별 예산 설정 화면
    10. 통계 리포트 화면(부서별/품목별/기간별 표+그래프, 기간 필터)
    11. 통합신청내역 엑셀 출력(월 선택)
    12. 전체불출내역 PDF 출력(기간 선택)
    13. 알림함(뱃지)

    ---

    ## 5. 상태 흐름(신청 건 status)

    ```
    [대기 pending]
    ├─(본인 취소)→ [canceled-by-user] (완전 종료)
    ├─(관리자 거절)→ [rejected] (완전 종료, 신청 삭제 처리)
    ├─(관리자 취소=반려)→ [canceled] → 신청자 수정 후 재제출 → [대기 pending] 복귀
    └─(관리자 승인)→ [approved] → 구매예정 내역서 등재
                            └─(구매완료 처리, 입고수량 입력)→ [purchased]
                                    └─ 재고 자동 차감 + 전체불출내역 데이터 반영
    ```

    ---

    ## 6. 주요 로직 명세

    ### 6-1. 추가품목 고유번호 생성
    - 규칙: `EXT-{연도}-{일련번호 6자리}` 형태 등 기존 items.itemId와 겹치지 않는 채번
    - 신청 저장 시 extraItems 컬�션에서 최대 일련번호 조회 후 +1 채번, 트랜잭션으로 중복 방지

    ### 6-2. 신청금액 자동계산
    - `lineAmount = unitPrice × qty`
    - `requests.totalAmount = Σ requestItems.lineAmount`

    ### 6-3. 예산 초과 체크
    - 신청 승인 시점에 `budgets.usedAmount += totalAmount`
    - `usedAmount > limitAmount` 이면 관리자 화면에 경고 배지 표시(승인 자체를 막지는 않음, 경고만)

    ### 6-4. 재고 자동 차감
    - 구매완료 처리 시: `items.stockQty = items.stockQty + receivedQty - approvedQty(그동안 승인되어 대기중인 지급수량)`
    - 관리자가 화면에서 수동 값 수정 가능(변경이력 로그 권장)
    - 엑셀 일괄 업로드 시 상품코드 기준 매칭 후 재고수량 일괄 갱신

    ### 6-5. 알림 트리거
    | 이벤트 | 수신자 | 알림 타입 |
    |---|---|---|
    | 회원가입 발생 | 관리자 | newMember |
    | 회원가입 승인 | 해당 회원 | memberApproved |
    | 신규 신청 제출 | 관리자 | newRequest |
    | 신청 승인 | 신청자 | approved |
    | 신청 거절 | 신청자 | rejected |
    | 신청 취소(반려) | 신청자 | canceled |

    ### 6-6. 연도 초기화
    - 매년 1/1 기준 신규 `year` 값으로 신청/통계 데이터 구분
    - 리포트/대시보드 기본 조회 범위는 당해 연도, 과거 연도는 별도 선택하여 조회만 가능(수정 불가)

    ---

    ## 7. 리포트 출력 명세

    ### 7-1. 통합신청내역(엑셀) - `2_통합신청내역.xlsx` 양식 기준
    - 시트 구성: 고정품목 섹션 / 탕비실·위생용품 섹션 / 추가발주용품 섹션
    - 컬럼: NO, 품명, 상품코드, 단위, 단가, 1~12월 구입량/구입금액, 구입량·금액 누계
    - 관리자가 출력 시 연도 및 월 범위를 선택하여 생성
    - 부서 필터 선택 가능(부서별 출력 지원)

    ### 7-2. 전체불출내역(PDF) - `1_전체불출내역.pdf` 양식 기준
    - 부서별로 페이지 구성(부서명 헤더 표시)
    - 컬럼: No, 날짜, 품목, 입고수량, 사용수량, 재고수량, 사용처, 비고
    - "구매완료" 처리된 신청 건 데이터를 기간(시작일~종료일) 선택 후 관리자가 수동 생성

    ### 7-3. 통계 리포트(화면 + 엑셀)
    - 필터: 부서, 품목, 기간(주/월/분기/연)
    - 표: 선택 조건별 신청수량/금액 집계
    - 그래프: 기간별 추이(라인/바 차트), 부서별 비중(파이/바 차트)
    - 엑셀 다운로드 지원

    ---

    ## 8. 예외/에러 처리
    - 재고수량보다 많은 수량 신청 시: 신청은 허용(재고는 발주로 채워지는 구조), 단 관리자 화면에 재고부족 표시
    - 동일 추가품목 중복 채번 방지: 트랜잭션 처리
    - 승인 처리 중 예산초과 시: 승인은 가능하되 경고 노출(강제 차단 아님)
    - 관리자 승인 전 미승인 회원 로그인 시: 승인대기 안내화면으로 리다이렉트
    - 비활성화된 계정 로그인 시: 로그인 차단 안내

    ---

    ## 9. 향후 검토(이번 범위 제외, 후속 검토 대상)
    - 최소재고 미달 알림
    - 웹푸시/이메일 알림 연동
    - 품목별 개별 승인
    - 신청 첨부파일/링크

1. 단계별로 step by step 구현하라
2. 현재의 Prompt가 이 전의 작업 내용에 미치는 영향을 검토하라
3. 단위 작업을 테스트 하면서 진행하라 (TDD)

- 소모품 신청  앱을 만든다 
- 첨부한 PRD, FS 문서를 참고해서 step by step 으로 구현하라.
- 언어: 한국어
- 디자인: 모던 , 심플, 세련된 office 느낌 디자인

관리자용  아이디의 role 값은?

"더미데이터 생성" 버튼을 클릭해도 응답하지 않는다.
아래는 디버그에러 정보이다. 수정하라
----
AdminEquipment.tsx:80 Ignored call to 'confirm()'. The document is sandboxed, and the 'allow-modals' keyword is not set.

## Menu
1. 테스트용 사용자 로그인 화면을 로그인메뉴에 추가해
2. 해당 아이디를 클릭하면 바로 로그인 되게 해
관리자: admin@ksd.com pw: abcD1234* 
일반회원: user1@ksd.com pw: abcD1234*
일반회원: user2@ksd.com pw: abcD1234*

관리자의 "품목관리" 화면에서  테스트용 "더미데이터생성"  기능을 구현하라.
- 데이터 개수를 입력 받는다.
- 다양한 내용의 데이터를 생성한다.

"더미데이터 생성" 버튼을 클릭해도 응답하지 않는다.
아래는 디버그에러 정보이다. 수정하라
----
AdminEquipment.tsx:80 Ignored call to 'confirm()'. The document is sandboxed, and the 'allow-modals' keyword is not set.

- "소모품 신청" 에서 리스트 보기를 추가한다.
- 리스트 보기에서 개수 변경 , 추가 가능