Update plan docs: myblog rework done, PR #1815 progress tracked

Author: cderv

.claude/plans/screenshot/00-index.md

@@ -30,7 +30,7 @@ Claude Code is the primary operator. Scripts handle deterministic work (zero AI
 | 07 | [07-capture-agent.md](07-capture-agent.md) | `screenshot-capture` agent definition | New |
 | 08 | [08-walkthrough-learnings.md](08-walkthrough-learnings.md) | Learnings from Phase 0.5 walkthrough | Updated (all validated, L15 profiles) |
 | 09 | [09-pr-1815-screenshot-updates.md](09-pr-1815-screenshot-updates.md) | .qmd changes for PR #1815 (`.include-dark`, alt text) | Updated (all 8 screenshots) |
-| 10 | [10-tight-cropping.md](10-tight-cropping.md) | Tight cropping: cleanup eval vs sharp vs Playwright style | New |
+| 10 | [10-tight-cropping.md](10-tight-cropping.md) | Tight cropping: cleanup eval vs sharp vs Playwright style | Done (about-pages + myblog) |
 | 11 | [11-manifest-schema.md](11-manifest-schema.md) | JSON Schema for manifest validation + help reference | Planned |
 
 ## Key Decisions
@@ -45,6 +45,7 @@ Claude Code is the primary operator. Scripts handle deterministic work (zero AI
 - **Quarto profiles** for multi-template examples — one shared .qmd, profile configs override template
 - **Dark mode** — `"dark": true` auto-captures `-dark` variant; clip union ensures identical dimensions
 - **Clip over element** — `capture.clip` (union bounding box) handles dropdown overflow; `capture.element` clips to element bounds
+- **cropBottom/maxHeight** — post-capture image cropping for layouts where trim can't detect blank edges (vertical rules, multi-colored backgrounds)
 
 ## File Layout (Session 1 deliverables)
 

.claude/plans/screenshot/09-pr-1815-screenshot-updates.md

@@ -78,9 +78,15 @@ on the **twitter-to-bluesky** branch, not the screenshot-tool branch:
 6. Commit images and .qmd changes together
 7. Compression: CI handles it after merge, or run `npm run compress` locally
 
-## What's Already Done on twitter-to-bluesky
-
-Commit `104974f` already handled:
-- about-jolla: `.include-dark` + alt text
-- navbar-tools: `.include-dark` + alt text
-- Line ~112 navbar-tools reference: `.include-dark` + alt text
+## Progress
+
+### Done (images cherry-picked to twitter-to-bluesky)
+- **About pages** (5): all screenshots captured with trim + zoom, dark variants included
+- **myblog**: reworked example (post images, blue navbar, page-layout: full), maxHeight: 640 cropping, dark variant works
+- `.include-dark` + alt text for about-jolla and navbar-tools (commit `104974f`)
+
+### Remaining
+- **navbar-tools**: images regenerated in worktree but not yet committed/cherry-picked to twitter-to-bluesky
+- **sidebar-tools** (tools.png): images regenerated in worktree but not yet committed/cherry-picked; `.include-dark` + alt text still needed in `website-navigation.qmd`
+- **myblog**: `.include-dark` + alt text still needed in `website-blog.qmd`
+- Remaining `.include-dark` + alt text changes in `website-about.qmd` (4 templates) and `website-navigation.qmd` (sidebar-tools)

.claude/plans/screenshot/10-tight-cropping.md

@@ -132,11 +132,11 @@ Rationale:
 - Background auto-detected from top-left pixel (handles light + dark)
 - Combined with zoom (1.15) for readable fonts + tight layout
 
-**Phase 3 — myblog trim/zoom (separate step):**
-- myblog dark mode has a multi-colored background (blue navbar vs dark body) — trim can't detect uniform edges
-- The blue band around all sides of the dark screenshot is a pre-existing rendering issue, not trim-related
-- Options: fix example project CSS/layout, use cleanup eval to normalize background, or adjust viewport
-- Handle in its own investigation — don't block about-page trim rollout
+**Phase 3 — myblog rework (done):**
+- Updated myblog example to match `quarto create project blog` output: post thumbnail images, `page-layout: full`, `background: primary` on navbar, `posts/_metadata.yml`
+- Dark mode works without trim — navbar is muted blue, body is dark gray, no blue band issue
+- Used `maxHeight: 640` to crop blank space below content (content ends ~593px in 900px viewport)
+- Trim not used for myblog — multi-colored background (navbar vs body) prevents content-aware edge detection
 
 **Phase 4 — Playwright `style` support (future):**
 - Add `capture.style` manifest field (CSS string)