01로그인
좌측 SDI 브랜딩 패널 + 데모 계정 chip 3종 (sdi / bmw / admin) + 우측 Quasar 로그인 카드.
02셀 등록 · 빈 폼
상단 브랜드 바 + 좌측 사이드바 + 3열 레이아웃 (입력 / vue-flow 파이프라인 8노드 / 결과 placeholder) + 상단 SDI 제품 프리셋 chip 4종.
03셀 등록 · Gen 6 프리셋 적용
프리셋 한 번 클릭으로 SDI-P6-N91-120 (Super-Premium, NCA Ni91, 3.7V/120Ah, 1530g, Cheonan) 전체 필드 자동 세팅.
04셀 등록 · 완료 (하이라이트)
LFP 프리셋 + 자동 제출 → 실제 Tractus-X 흐름 (Submodel PUT · DTR Shell · EDC Asset · Policy · Contract Def) 전부 통과 · 파이프라인 8노드 모두 초록 체크 · 우측에 QR + UNSSDI.SDI26LFP67541 + PDF 라벨 다운로드 버튼 · 우하단 Notify 토스트 2개.
05등록된 셀 목록
5건 SDI 시드 데이터 — Gen 6 / Gen 5 / PHEV / LFP ESS / PRiMX 21700. 각 행 CATENAXID · PART NO. · SERIAL · FAMILY · CHEMISTRY · FORM(pill) · CREATED · Passport 링크.
06QR 코드
실제 발급된 QR PNG. ISO/IEC 15459 compliant · 페이로드는 https://viewer.tx.test/passport?id=UNSSDI.SDI26G6A00017&mpid=SDI-P6-N91-120. 어떤 카메라 앱으로 스캔해도 바로 Passport 페이지로 이동.
07실제 라벨 (80×50mm) — 셀에 붙이는 인쇄물
SDI 워드마크 + PRiMX 브랜드 + 파트넘버 + 시리얼 + 제조일 / 공장 코드 (KR-CHE) + 하단 규정 띠. QR은 단색 네이비 (#0E1E3A). 열전사 프린터로 라벨 용지에 바로 출력 가능.
08QR 스캔 결과 · 모바일 (iPhone 14 Pro)
이 화면이 QR 찍으면 나오는 화면. 430×932 뷰포트. 셀 요약 정보 + (스크롤 시) 파이프라인 + Battery Pass 필드 + History. 공공 URL이므로 로그인 없이 누구나 접근 가능 (데이터는 뒤에서 EDC가 BPN 검증).
09Battery Passport · 데스크톱
같은 Passport를 데스크톱에서 본 화면. 좌 요약카드 · 중앙 Catena-X Pipeline · Consumer Side (Catalog → Negotiation → Transfer → EDR → Fetch → Render, 7노드 전부 완료) · 우 Battery Pass SAMM 필드 상세. 중앙 플로우는 실제 Consumer EDC Management API 호출 결과.
10Battery Passport · 전체 + History
하단 History timeline. CREATED · VIEWED · VIEWED 다중 엔트리 누적 기록 (append-only Postgres).
11관리자 대시보드
4개 메트릭 카드 — 등록된 셀 5건 · 고유 제품 계열 5개 · form factor 4종 · 가장 최근 등록 시각.
