field-notes-postlisted

# Field Notes Post Generator Produce four polished social images that pair the user's photos with a timeline of what SAM agents accomplished, rendered from branded HTML templates via Playwright. ## Output Four PNG images (rendered at 2x device scale): | Template | Size | Format | Use | |----------|------|--------|-----| | `format-a.html` | 1200x675 | Landscape "grid" — timeline column + 2x2 photo grid + centered map medallion | X / LinkedIn link-style card | | `format-b.html` | 1080x1350 | Portrait "timeline" — header + map card, 4 photo+card rows on a connector rail | X / LinkedIn portrait (4:5) | | `format-c.html` | 1200x675 | Landscape "hero" — one full-bleed photo, headline, 4 glass cards, map inset | X / LinkedIn hero card | | `format-d.html` | 1080x1920 | Vertical "story" — full-bleed photo, headline, map + stats, stop rail (9:16) | Stories / Reels / Shorts covers | All templates live in `templates/` next to this file, plus `map.html` (Leaflet pin map) and `render.cjs` (Playwright renderer). ## Workflow Work in a scratch dir: `.tmp/field-notes-post/` with an `assets/` and `out/` subfolder. ### 1. Gather inputs - **Photos**: locate the uploaded photos (task library or attachments). Extract timestamps with `exiftool -DateTimeOriginal -OffsetTimeOriginal <files>`. GPS EXIF is usually stripped by messaging apps — expect to geolocate visually. - **Agent activity**: use SAM MCP tools (`list_sessions`, `get_session_messages`, `list_tasks`, `get_task_details`) to recon