상황별 실제 UI 목업

이 폴더에는 타워 11장과 에이전트 11장, 총 22장의 PNG가 있습니다. 화면은 제품 UI를 그대로 렌더링하고, 문서용 가상 API 데이터를 사용했습니다. 화면 위·아래의 제목과 설명은 사용 방법을 안내하는 문서용 프레임입니다.

원본과 범위

타워 원본: 관리 UI 소스 a717ca2 · 회사 UX Kit 1.11.0.
에이전트 원본: 공개 소스 b915c42 · 에이전트 0.2.40.
모든 직원 계정, 파일 경로, 샘플과 수치는 문서용 예시입니다. 실사용 등록 키·암호와 운영 데이터는 포함하지 않습니다.
실제 타워의 DB·API나 직원 파일에 접근하지 않습니다. 모든 데이터는 격리된 로컬 브라우저의 mock 모듈에서 제공합니다.
재검사 요청 버튼, 검증 결과, 전송 대기, 미확인 파일과 실제 제품 대화상자의 표시를 재현했습니다. 화면 캡처가 파일 검사·암호화·배포의 성공을 증명하지는 않습니다.

USB 복사·인쇄 기록, 조치 상세, 반출 정책과 차단 미적용 상황도 포함합니다. 두 제품은 tools/readme-screens/dlp-fixture.js의 같은 가상 사건을 사용합니다. 기록만 남김·차단·실패·내용 확인 불가를 구분합니다. USB 실물의 쓰기 차단이나 실제 인쇄 취소 시험을 수행한 것으로 해석하지 않습니다.

manifest.json에는 사용한 UI 파일의 SHA-256, PNG 크기·체크섬과 브라우저 검증 결과를 기록합니다.

다시 만들기

회사 UX Kit을 사용하는 현재 타워 UI 작업 사본이 필요합니다. 공개 저장소의 tower/는 별도의 공개 소스 스냅샷이므로, 이 목업을 같은 디자인으로 재현하려면 위의 타워 원본을 사용합니다. 기존 릴리즈 바이너리의 화면을 최신 UI로 촬영했다고 해석하지 않습니다.

Node.js와 Playwright를 준비합니다. 이번 렌더링에는 기존의 Node.js 22.16.0과 Playwright 실행 환경을 사용했습니다.
타워 UI 작업 사본과 해당 에이전트 릴리즈의 VERSION·SHA256SUMS를 준비합니다. 등록용 ZIP이나 운영 DB는 사용하지 않습니다.
공개 저장소 루트에서 아래 명령을 실행합니다.

NODE_PATH=/path/to/node_modules node tools/render-readme-screens.cjs \
  --tower-root /path/to/techlabs-discovery-tower \
  --agent-artifacts /path/to/agent-release \
  --out docs/media/screens

일부 화면만 확인할 때는 --only tower-review,agent-outcomes처럼 화면 ID를 지정합니다. 부분 렌더링 결과는 preview-manifest.json에 기록합니다. 전체 게시 전에는 모든 화면을 렌더링하고 manifest.json을 기준으로 확인합니다.

생성기는 127.0.0.1의 임시 서버만 사용하고 작업 후 닫습니다. 운영 API·외부 출처 요청, 브라우저 오류, 자산 로딩 실패나 기대한 상태 문구 누락이 있으면 실패합니다. 버전은 에이전트 소스에서 읽으며 생성된 PNG는 Git에 포함합니다.

상황별 화면 안내 · 저장소 README

원문: 공개 소스 b0d7291. 문서 갱신일 2026-10-12.