In Progress T-418
Mockup workspace: Sitemap, Page flow และ Screen Listing
- ผู้รับผิดชอบ
- Codex
- เริ่ม
- 31 ต.ค. 2569
- ขั้นตอน
- 4/9
กำลังแก้ Rejected: ตรวจ Dark mode ใน Mockup โดยวัดคู่สีจริงของแท็บ ปุ่ม/สถานะที่เลือก ข้อความและ diagram พร้อมทดสอบ light/dark ก่อนส่งกลับ review
รายละเอียดงาน
เครื่องมือออกแบบภายในเสร็จแล้ว ข้อมูลตั้งต้น 164 รหัสหน้าจอเป็น wireframe ร่าง 6 states และ reference proposal เดิม 6 ภาพ การตั้งชื่อ/route/navigation/step mapping ที่อนุมานยังต้องตรวจโดย BA/UX ไม่ใช่ final UI หรือ Development Approval ของ EMS
งานที่ใช้ประกอบ: T-108
ผลลัพธ์ที่ต้องส่งมอบ
- เมนู Mockup พร้อม Sitemap, Page flow และ Screen Listing/detail ใช้งานจริงบน 8099
- โครง mockups/ แยก stable screen IDs, variants, component contracts/previews, tokens, sitemap และ flow mappings
- Editor ภาพหน้าจอที่เพิ่ม occurrence/Decision/เส้น/label/หัวลูกศร แก้ mapping/state, grid/zoom/fit/filter/Undo ได้
- Atomic shared save พร้อม revision history/restore และ conflict/source-change handling
- คู่มือ artifacts, schema/update/version workflow และผลตรวจ Go/API/browser
การรีวิว
ผลการรีวิว
ตรวจสอบ dark mode สีที่ใช้หน่อยมันคล้ายกับสีตัวอักษรทำให้มองตัวอักษรไม่เห็น
สิ่งที่ต้องตรวจ
ตรวจเมนูและโครง artifacts พร้อมแยก wireframe/mapping ร่างจากแบบที่ยืนยันแล้ว
ประวัติการรีวิว (1)
ตรวจสอบ dark mode สีที่ใช้หน่อยมันคล้ายกับสีตัวอักษรทำให้มองตัวอักษรไม่เห็น
ขั้นตอน
ทำแล้ว 4 จาก 9 ขั้น เหลืออีก 5 ขั้นก่อนปิด Task
ส่วนที่คืบหน้าแล้ว
- ออกแบบโครงสร้าง artifacts และนำเข้ารหัสหน้าจอ/ภาพเดิมพร้อม provenance
- สร้าง catalog/detail และ editor Sitemap บนลงล่าง / Page flow ซ้ายไปขวา
- บันทึก layouts/links/mappings แบบ revision และป้องกันข้อมูลชนกัน
- ทดสอบข้อมูล API และ browser บนข้อมูลชั่วคราว อัปเดตเอกสารและรัน 8099
ส่วนที่ยังเหลือก่อนปิด Task
- ตรวจซ้ำ Dark mode และหาต้นเหตุสีพื้น/ตัวอักษรจาก browser จริง
- แก้ semantic color tokens สำหรับ active controls พร้อม regression contrast tests
- ทดสอบ Light/Dark/OS theme และฟังก์ชัน Mockup แล้วอัปเดต 8099 ส่งกลับ review
- แสดงชื่อ Module เต็มใน Mockup/Use cases ทั้งตาราง ตัวกรอง detail และ preview
- เพิ่ม Page flow collapse by module พร้อมจำสถานะและค้นหาในกลุ่ม
เอกสารและไฟล์ที่เกี่ยวข้อง
mockups/README.md(เปิดในแท็บใหม่)docs/agent/17-mockup-workspace.md(เปิดในแท็บใหม่)docs/superpowers/plans/2026-10-31-mockup-workspace.md(เปิดในแท็บใหม่)mockups/catalog.json(เปิดในแท็บใหม่)tracker/mockups.go(เปิดในแท็บใหม่)tracker/static/mockups.js(เปิดในแท็บใหม่)tracker/e2e/mockups-check.mjs(เปิดในแท็บใหม่)