{vendorStrip.length > 0 && excludedVendors.size === vendorStrip.length
? 'All vendors are excluded — select at least one above.'
: showMissedOnly
? 'Nothing left to count. Great work.'
: 'No active items in inventory.'}
) : groups.map(group => (
))}
{/* Reserve scroll space so the bottom keypad never covers the last row */}
{active && }
{/* Custom on-screen keypad — sticks to the bottom when an input is active */}
{active && (
onUpdateLine(line.itemId, patch)}
onClose={() => setActive(null)}
/>
)}
{
// Sanitize any legacy decimal in this integer-only field on entry.
const cur = String(line[largerKey] ?? '');
if (cur.includes('.')) onUpdate({ [largerKey]: cur.split('.')[0] });
setActive({
itemId: item.id, field: largerKey, allowDecimal: false,
label: `${item.name} · ${largerUnit}`,
});
}}
style={fullCountStyle}
/>
{hasSubUnit && (
{largerUnit}
)}
{/* On hand */}
{hasCount ? toFmtQtyTo(onHandDisplay) : '—'}
{onHandDisplayUnit}
{/* Order */}
{isOverridden && (
was {suggested}
)}
{
// First tap on the auto-suggested value: pre-fill the override
// with the suggested number so the user can backspace + retype.
if (!hasOverride && hasCount) {
onUpdate({ finalOverride: String(suggested) });
}
setActive({
itemId: item.id, field: 'finalOverride', allowDecimal: false,
label: `${item.name} · order`,
});
}}
style={{
width: 64, height: 40,
border: isOverridden ? '1px solid #F0CB7D' : '1px solid var(--border-2)',
borderRadius: 8, padding: '0 8px',
fontFamily: 'var(--font-num)',
fontSize: 17, fontWeight: 700,
textAlign: 'center',
background: isOverridden ? '#FFF8EC' : (finalAmount > 0 ? '#F0F7E8' : '#FFFFFF'),
color: isOverridden ? '#92400E' : (finalAmount > 0 ? '#2D6A2A' : 'var(--fg-3)'),
}}
/>
{item.purchaseUnit}
);
};
// ------------------------------------------------------------------
// TapInput — looks like a number input, but is actually a button that
// activates the bottom keypad. No native iOS keyboard pop-up.
// ------------------------------------------------------------------
const TapInput = ({ value, active, onTap, style }) => {
const display = value === '' || value === null || value === undefined ? '' : String(value);
return (
);
};
// ------------------------------------------------------------------
// CountKeypad — sticky bottom keypad. Operates on the currently active
// input (set via setActive in CountRow). Appends digits, supports decimal
// when allowed, backspace, and a Done button. Closes when Done is tapped.
// ------------------------------------------------------------------
const CountKeypad = ({ active, draft, pars, itemById, onApply, onClose }) => {
const line = draft.lines.find(l => l.itemId === active.itemId);
if (!line) return null;
const item = itemById[line.itemId];
// Live preview of on-hand + suggested for the currently-being-edited item.
const onHand = item ? window.truckOnHand(item, line.countStorage, line.countPurchase) : 0;
const suggested = item ? window.truckSuggested(pars[line.itemId], onHand) : 0;
const onHandDisplay = item ? window.truckOnHandDisplay(item, line.countStorage, line.countPurchase) : 0;
const isStorageLarger = item ? window.truckIsStorageLarger(item) : false;
const onHandUnit = item ? (isStorageLarger ? item.storageUnit : item.purchaseUnit) : '';
const press = (key) => {
let cur = String(line[active.field] ?? '');
// Bulletproof: integer-only fields get any pre-existing decimal stripped
// before we append. Covers legacy drafts where the value was stored as a
// float and protects against an empty "." being left around.
if (!active.allowDecimal && cur.includes('.')) {
cur = cur.split('.')[0];
}
let next = cur;
if (key === '⌫') {
next = cur.slice(0, -1);
} else if (key === '.') {
if (!active.allowDecimal) return;
if (cur.includes('.')) return;
next = cur === '' ? '0.' : cur + '.';
} else {
// Limit length to 5 chars
if (cur.length >= 5) return;
// Replace leading "0" with the new digit so user doesn't have to clear it
if (cur === '0') next = key;
else next = cur + key;
}
// For finalOverride: if user backspaces all the way out, restore to null
// (so the row shows the auto-suggested value again).
if (active.field === 'finalOverride' && next === '') {
onApply(line, { finalOverride: null });
return;
}
// Same: if they type exactly the suggested, clear override.
if (active.field === 'finalOverride' && Number(next) === suggested) {
onApply(line, { finalOverride: null });
return;
}
onApply(line, { [active.field]: next });
};
const Key = ({ k, wide, accent }) => (
);
return (