Day 03 - 08/10/2026 (On-site)
Built the Shipment UI (Demo Version) + Quick Inventory Adjustment
- Read and analyzed
plan_week4.md to lock down the scope: a single Shipment screen covering every role (not split per role), and a Quick Adjustment form on the Inventory page. - Drew an interactive BPMN-style workflow diagram (illustrative artifact, click each step to see details).
- Wrote the prompt for the AI design tool and reviewed the UI mockup before coding.
- Built the entire Shipment UI: list + detail + 3 action dialogs (Reserve Stock, Pick, Confirm Shipment) — running on in-memory mock data since the backend had no real API yet.
- Found and fixed a bug: the demo data disappeared when navigating from the list to the detail page (because Next.js App Router splits routes into separate JS chunks, each re-initializing its own variables) — fixed by anchoring the shared state on
globalThis. - Built the Quick Inventory Adjustment form, wired directly to the real
/api/adjustments API (already available from last week) — tested creating and cancelling one real adjustment successfully. - Fixed the Vietnamese term “nhặt hàng” → “soạn hàng” to match
ROLE_LABELS.PICKER already used in the code.