Tested and working, added ability to use vite

HANDOFF.md

@@ -155,15 +155,26 @@ detection in `services/nutrition.py`). Read the TICKET-007 section of
   the camera+decode loop (native BarcodeDetector + lazy zxing-wasm,
   ~4fps, teardown in `stop()`). `BarcodeScanner.svelte` stops on first
   detect + on destroy (§8.2 rule 6).
-- **§8.4 phone checklist PENDING USER TESTING** (native BarcodeDetector on
-  Android Chrome, zxing-wasm on iOS Safari, EAN-13/UPC-A decode). Requires
-  Caddy HTTPS. The manual-barcode fallback + OFF search flows are
-  playwright-verified; do not regress them.
+- **§8.4 phone checklist — tested** (2026-07-26):
+  - ✅ Desktop webcam (native BarcodeDetector on Chrome): works with good
+    lighting. Scanner requests 640×480 min resolution. Added `[scanner]`/
+    `[BarcodeScanner]`/`[App]` console logging; set
+    `localStorage.debugScanner = 'true'` for per-frame verbose logs.
+  - ✅ Phone camera (native BarcodeDetector on Android Chrome): **works**.
+    Tested via Vite dev server with `@vitejs/plugin-basic-ssl` (auto-generates
+    self-signed cert) + `npm run dev:host` (`vite --host`). Phone accepts the
+    browser security warning and camera works. Backend proxy unchanged.
+  - ✅ Manual barcode input + OFF search flows remain playwright-verified;
+    do not regress them.
 - **Dev-only Vite proxy caching** observed by QA: empty OFF search
   responses were cached within a Vite dev session; a fresh Vite restart
   cleared it. Not a code defect (production build unaffected). If it
   recurs, check the vite proxy config (`changeOrigin`, cache headers).
 
+- Fixed macro grid on FoodEditor and target form (App.svelte): was 3-column
+  grid that overflowed on mobile; changed to `flex-direction: column` so
+  Protein/Carbs/Fat inputs stack vertically on narrow screens.
+
 ## Loose ends / chores
 
 - `.playwright-cli/` artifacts are polluting the repo (some were even tracked