← All tasks

v0.2 Slice H — Receipt big sequence number LOCAL · GATE 1

Standalone H3.5: customers should spot their order at a glance when staff yells the number. The full id stays on the receipt (e.g. POS-06-0003); we add the sequence tail (0003) as a big/bold/centered block right under the store header.

6/6 local checks green. tsc --noEmit clean. Three files touched, no migration, no new dep. Component-render probe verifies the block toggles on presence of sequenceTail and that the existing Order: POS-06-0003 line is preserved.

What the receipt looks like

Probe Cafe ───────── ORDER # 0040 ← 40px, weight 900, centered ───────── Order: POS-06-0040 16/05/2026 10:00 Served by / បម្រើដោយ: Sokha ───────── មុខទំនិញ / Items ...

The big block sits between the store header and the first divider. When the receipt is built from a historical fetched order whose API response shape predates this slice (no sequenceNo), the block silently doesn't render — old reprints look identical.

How the data flows

POST /cafe/api/cafe/orders already returned sequenceNo in the response — so the post-order success modal builds with the new block out of the box.
GET /cafe/api/cafe/orders/[orderId] was the gap. Now also exposes sequenceNo so the orders-list reprint flow gets the new block too.
NativeOrderForReceipt gains sequenceNo?: number | null (optional for back-compat).
buildNativeReceipt derives sequenceTail using the same padding rule as formatPosOrderNumber: 4-digit zero-pad up to 9999, raw integer beyond. Null/0/missing → null → block doesn't render.
ReceiptData.sequenceTail drives the new block in khmer-receipt.tsx. The component stays presentation-only; padding logic lives in the builder.

Checks — 6/6

✓ khmer-receipt: ReceiptData.sequenceTail?: string | null field present
✓ khmer-receipt: big-bold-centered block renders only when sequenceTail set; positioned between header + first divider; font-size 40, weight 900
✓ khmer-receipt: existing Order: POS-... small line preserved unchanged
✓ native-receipt: NativeOrderForReceipt.sequenceNo + buildNativeReceipt pad-rule (4-digit ≤9999, raw beyond, null on 0/missing)
✓ GET /cafe/api/cafe/orders/[orderId] exposes sequenceNo
✓ Component-render probe: 'Order #' label + big '0003' render with tail, both gone without tail; 'Order: POS-06-0003' line survives both cases; padder returns "0003" for 3, "9999" for 9999, "10000" raw for 10000, null for 0/null/undefined

Raw: 01-probe.json · result.json

Files changed (3, no migration, no new dep)

components/receipt/khmer-receipt.tsx · lib/native-receipt.ts · app/api/cafe/orders/[orderId]/route.ts