← Overview · 5 surface
Prototype · Pure HTML · Mobile-first

Public Resolver — Screen Hub

Prototype HTML thuần cho id.pccctrace.vn — mặt công khai anonymous-default của PCCCTrace. Direction A "Speed-first Minimalist", design system §5, 16 màn PR-001..PR-016. Mỗi màn là layout di động căn giữa tối đa 480px, font lớn, tương phản WCAG AA, target Android Go.

URL pattern: id.pccctrace.vn/01/{gtin}/21/{serial}?lk={hmac16} Tổng số màn: 12 (MVP-0) Đang demo: 13 trang click được ✓

PR-001 · Trang kết quả (Anonymous default)

PR-001
✅ Hàng chính hãng
Anonymous · status banner xanh + product card + activation + sticky banners
PR-002
⚠️ Nghi hàng giả (clone)
Anomaly explanation human-readable (FR-63) + tap-to-call 114
PR-003
❌ Không xác thực / thu hồi
Recall reason + 114 emergency + báo nghi giả

Cross-surface elevation (FR-53a · privileged JWT)

PR-004 · CQNN
Enriched — Inspector
Audit trail timeline + anomaly heatmap cross-tenant · J3
PR-005 · DN
Enriched — Manufacturer QC
Batch detail + supply chain trace · scope manufacturer:tenant

Báo cáo & chuyển đổi

PR-006
Form báo nghi hàng giả
3 field (mô tả + ảnh + SĐT optional) · reCAPTCHA invisible · FR-54a
PR-007
Đã nhận báo cáo (Case ID)
Optimistic success · mã vụ việc PCC-2026-05-001
PR-008
Banner cài app (subtle)
Sticky bottom · Google Play / App Store · FR-55
PR-009
Banner đồng ý IP
Sticky bottom opt-in · không block view · FR-74a

Tiện ích & lỗi

PR-010
Mã QR không hợp lệ
HMAC fail · KHÔNG leak product info · CTA report + 114 (§11.5)
PR-011
503 Đang bảo trì
Countdown timer + auto-retry khi hết giờ

Recall & Anomaly chi tiết

PR-012
Chi tiết thu hồi
Recall notice đầy đủ · lý do + lô ảnh hưởng + mức độ
PR-013
Cách xử lý thu hồi
3 bước: ngừng dùng → liên hệ → đổi/sửa miễn phí
PR-014
Kiểm tra sản phẩm có bị thu hồi
Nhập serial → affected / not affected
PR-015
Liên hệ & đăng ký đổi/sửa
Hotline tap-to-call + form xác nhận đã đọc
PR-016
Giải thích bất thường (rich)
Bản đồ 12 tỉnh + lịch sử quét timeline (FR-63)
✅ 16 màn demo · Pure HTML