Prompt AI-KT019 — Tích hợp Vue với API và xử lý lỗi

Nhiệm vụ gốc: R044, gói SD06. Target là agent trong workspace CXK.
Đọc AGENTS.md, README.md, docs/GLOSSARY.md và Research/20260926_AI_THUC_HIEN/KY_THUAT/SD06_THIET_KE_VA_RANH_GIOI.md.
Đầu vào bắt buộc: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md, frontend/src/App.vue, frontend/tests/App.test.js, frontend/README.md.
Phụ thuộc nghiệp vụ: A06, R042.
Điều kiện gốc: Tích hợp bằng gói tổng hợp đúng ; R043 và GA vẫn bắt buộc trước gói tri thức thật.
Xác minh đầu ra phụ thuộc có thật, đúng phiên bản và thẩm quyền trước phần cần chúng.
Nếu thiếu, ghi đúng bằng chứng thiếu; dùng thiết kế đã hoàn tất để tiếp tục phần độc lập.
Không coi trạng thái AI_DRAFT_READY của bản chuẩn bị là hoàn thành R044.

Thực hiện đúng các bước sau khi đủ đầu vào:
1. So A06 với Vue mô phỏng và hợp đồng API đã review. Ghi ánh xạ trường, trạng thái và điểm cần sửa trước nối endpoint.
Đầu ra: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md — Bảng ánh xạ UI–API
Kiểm: Không tự thêm trường hoặc diễn giải chuyên môn ngoài hợp đồng.
2. Nối endpoint trong môi trường được phép bằng dữ liệu tổng hợp. Kiểm nhập, gửi, phản hồi và trích dẫn; giữ rõ trạng thái mô phỏng/không sẵn sàng.
Đầu ra: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md — Luồng gửi–nhận để kiểm
Kiểm: Phản hồi đúng schema; lỗi không bị trình bày như kết quả thành công.
3. Kiểm trạng thái khi phản hồi chậm, người dùng hủy hoặc bấm nhiều lần. Sửa thông báo và dữ liệu còn lại trên màn hình; ghi kết quả từng tình huống.
Đầu ra: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md — Ca chuyển trạng thái UI
Kiểm: Không hiện phản hồi cũ cho yêu cầu mới; hành động có trạng thái rõ.
4. Mô phỏng lỗi kết nối, 503 và phản hồi không hợp lệ. Kiểm lời báo, khả năng thử lại và phần nhập còn giữ theo đặc tả; không gửi lặp ngoài dự kiến.
Đầu ra: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md — UI lỗi và ca hồi quy
Kiểm: Mất mạng không làm lộ dữ liệu hoặc đánh dấu sẵn sàng sai.
5. Rà bộ nhớ trình duyệt, lịch sử, cache và log theo quyền. Kiểm đường mở nguồn và nội dung lỗi; loại lưu trữ ngoài phạm vi đã quyết định.
Đầu ra: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md — Bảng dữ liệu phía trình duyệt
Kiểm: Không lưu tự động ngoài quyền; đường nguồn đúng phiên bản được phép.
6. Chạy test UI hiện có cùng ca mới, dựng frontend và kiểm luồng hoàn chỉnh. Ghi bản API/UI, lỗi còn mở và hướng dẫn kiểm chéo.
Đầu ra: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md — Bản UI để kiểm chéo
Kiểm: Test và bản dựng gắn mã hiện tại; không lấy kết quả 21 test cũ thay kiểm phần mới.

Đầu ra đích của parent: frontend/DAC_TA_GIAO_DIEN_VA_TRO_NANG.md.
Trước sửa canonical, đối chiếu quyết định thật và phạm vi người dùng đang giao.
Giữ bản nguồn và ID, không đổi trạng thái APPROVED; không tự ký nhận vai NCS1.
AI có thể hỗ trợ đọc mã, tính toán và ghi lỗi; không thay kiểm độc lập của người được giao.
Không gửi dữ liệu người hoặc nguồn có quyền hạn chế ra ngoài.
Không bật camera, gọi nhà cung cấp hoặc triển khai host chỉ vì prompt này có mặt.
Giữ readiness/chat 503 của bản ngoại tuyến cho đến thay đổi riêng đã đủ điều kiện.
Kiểm thực tế, ghi lệnh, exit, phiên bản, mẫu số và lỗi còn mở. Không bịa kết quả.
Nghiệm thu parent: Bản chạy thật khớp hợp đồng, không dựa kịch bản giả
Kết thúc bằng file đã đổi, kiểm đã chạy, giới hạn và việc cần review.