Screen Catalog

화면 카탈로그 (PWF 기준)

Figma 파일: FOWOCO — [PWF] Prototype-WireFrame 페이지 (node-id=143-2)

초기에는 [MFW] Mid-WireFrame(러프 와이어프레임) 기준으로 작업을 시작했으나, 컴포넌트 라이브러리와 상태머신을 갖춘 정식 프로토타입인 PWF가 발견되어 전체 화면을 PWF 기준으로 재구현했습니다.

화면 목록 및 구현 상태

화면 코드	이름	라우트	상태	Issue/PR
AUTH-001	로그인	/	✅ 완료	#20 / #21
(신규)	회원가입	/signup	✅ 완료	#41 / #42
HOME-001	대시보드 + 공통 셸(AppLayout)	/dashboard	✅ 완료	#22 / #23
WORK-001	업무함	/tasks	✅ 완료	#24 / #26
CREATE-001	업무 생성	/tasks/new	✅ 완료	#28 / #29
REVIEW-001	업무 검토	/tasks/new/review	✅ 완료	#30 / #31
CASE-001	업무 상세	/tasks/:caseId	✅ 완료	#32 / #33
PEOPLE-001	근로자 목록(마스터-디테일)	/workers	✅ 완료	#34 / #35
SET-001	설정	/settings	✅ 완료	#36 / #37
LINK-001	근로자 모바일 안내 요청	/worker-portal	✅ 완료	#38 / #39
LINK-002	근로자 모바일 파일 업로드	/worker-portal/upload	✅ 완료	〃
LINK-003	근로자 모바일 링크 만료	/worker-portal/expired	✅ 완료	〃

전체 9개 데스크톱 화면 + 모바일 3개 + 회원가입, 총 12개 화면 구현 완료.

공통 컴포넌트 라이브러리

src/components/ui/ — #18에서 구축, 이후 화면에서 계속 재사용:

• Button (Primary/Secondary × Default/Disabled)
• StatusLabel (Neutral/Info/Success/Warning/Critical/Agent)
• AgentSourceLabel (Rule/Data/Draft/Review)
• WorkflowStep, DecisionGate, EmptyState
• AgentSummary, WorkItemRow (HOME-001/WORK-001/CASE-001 공용)
• MobileShell (LINK-001/002/003 공용 모바일 헤더 셸)

남은 작업 후보

• 백엔드 연동 (// TODO(backend) 주석 전수 검색으로 위치 파악 가능)
• /documents(서류관리·OCR), /agent(Agent 패널), /tickets(티켓 관리) — 아직 PlaceholderPage
• 근로자 상세 별도 페이지(/workers/:workerId) — 현재는 PEOPLE-001 마스터-디테일로 대체됨, 필요 시 재검토