← 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. Theo spec 07-5-ux-public-resolver.md (Direction A "Speed-first Minimalist"), design system §5, 12 màn PR-001..PR-012. 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. KHÔNG dùng Stitch — toàn bộ code thủ công.

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

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

PR-001 · CQNN
Enriched — Inspector
Audit trail timeline + anomaly heatmap cross-tenant · J3
PR-001 · 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-54
PR-006b
Đã nhận báo cáo (Case ID)
Optimistic success · mã vụ việc PCC-2026-05-001
PR-007
Banner cài app (subtle)
Sticky bottom · Google Play / App Store · FR-55
PR-008
Banner đồng ý IP
Sticky bottom opt-in · không block view · FR-74

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ờ
PR-012
Tải dần mạng yếu
Skeleton → partial → full (progressive load demo)

Recall & Anomaly chi tiết Phase 2 · MVP-1

PR-002
Chi tiết thu hồi
Recall notice đầy đủ · lý do + lô ảnh hưởng + mức độ
PR-003
Cách xử lý thu hồi
3 bước: ngừng dùng → liên hệ → đổi/sửa miễn phí
PR-004
Kiểm tra sản phẩm có bị thu hồi
Nhập serial → affected / not affected
PR-005
Liên hệ & đăng ký đổi/sửa
Hotline tap-to-call + form xác nhận đã đọc
PR-009
Giải thích bất thường (rich)
Bản đồ 12 tỉnh + lịch sử quét timeline (FR-63)
✅ 12 màn MVP-0 + 5 màn Phase 2 (recall + anomaly) · Pure HTML, no Stitch · Theo spec 07-5-ux-public-resolver.md v1.0