Recapture the current Ember Light product UI - #213
Conversation
Work intentphase: completed
summary: "Captured and verified four sanitized current-UI Ember Light stills through the isolated real app renderer."
touch-points:
- "scripts/capture-stills.ts and package.json"
- "docs/user/assets/markover-*@2x.png"
- "docs/user/index.html screenshot alt text and captions"
- "README.md strongest-image presentation"
- "doc/launch/issue-16/capture-manifest.json"
- "test/public-capture.test.ts and test/docs-site.test.ts"
done-when:
- "one opt-in command launches the sanitized real app with automation limited to the loopback capture instance and exact recorded clean commit"
- "the four stable screenshot names show editor, All annotations, source proposal, and Review context states in the current App header and three-pane Ember Light UI"
- "every PNG is exactly 2360x1520 RGB at 144 dpi, with no compositing, regeneration, AI editing, private paths, real repositories, real review/thread IDs, notifications, or unrelated chrome"
- "README uses only the strongest editor capture and Pages exposes all four with accurate current alt text and captions"
- "focused asset/privacy checks, npm run ci:local, git diff --check, and human visual inspection of all four captures pass"
excludes:
- "recording, encoding, or publishing the demo movie"
- "generating social-card or poster assets"
- "mutating live GitHub metadata or uploading a social preview"
- "changing product UI behavior or adding a general screenshot service"
- "using canonical, development-instance, or private review state"
blocked-by: []
may-block:
- "demo-and-launch-assets child PR"
branch: "t3code/current-product-captures"
base: "t3code/public-ember-light"
pull-request: 213
head: "011c050"Completion: merged after one finding-bearing review round; the stale pre-restack provenance hash was replaced with its retained equivalent, all focused checks and 921-test local CI passed, and the exact final head received a no-findings review. |
797f29c to
eb3ea62
Compare
011c050 to
7103028
Compare
Codex Review SummaryThis comment shows the latest Codex review activity on this pull request.
ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings. |
There was a problem hiding this comment.
💡 Codex Review
Here are some automated review suggestions for this pull request.
Reviewed commit: 7103028edb
ℹ️ About Codex in GitHub
Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you
- Open a pull request for review
- Mark a draft as ready
- Comment "@codex review".
If Codex has suggestions, it will comment; otherwise it will react with 👍.
Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".
|
@codex review |
|
Codex Review: Didn't find any major issues. Breezy! Reviewed commit: ℹ️ About Codex in GitHubYour team has set up Codex to review pull requests in this repo. Reviews are triggered when you
If Codex has suggestions, it will comment; otherwise it will react with 👍. Codex can also answer questions or update the PR. Try commenting "@codex address that feedback". |
* docs: reserve one strongest product capture * docs: automate current product stills * fix: target the packaged capture renderer * fix: settle captures after hidden toasts * docs: replace product captures with Ember Light * fix: retain capture provenance after restack
* docs: plan Ember Light visual refresh * docs: align visual refresh plan with design brief * Stage sanitized public capture state (#210) * docs: define public capture contract * feat: stage sanitized public capture state * test: satisfy capture staging quality gates * Restyle public surfaces for Ember Light (#212) * style: align public tokens with Ember Light * docs: redraw current public product surfaces * use canonical public app branding * Recapture the current Ember Light product UI (#213) * docs: reserve one strongest product capture * docs: automate current product stills * fix: target the packaged capture renderer * fix: settle captures after hidden toasts * docs: replace product captures with Ember Light * fix: retain capture provenance after restack * Publish the preview demo and launch assets (#214) * chore: start demo and launch assets slice * docs: automate the focused preview demo * docs: show opening the captured review * docs: publish the focused preview demo * docs: finish the focused preview launch assets * test: tighten launch asset assertions * polish public preview typography * fix: retain demo capture provenance after restack * fix: identify Claude Code host examples * fix: use accessible public counter color * fix: reserve Ember orange for non-text accents * fix: carry preview boundary on demo end card * fix: activate unrecorded demo setup directly * docs: regenerate demo with preview boundary * Add Ember Dark to the public site (#217) * add Ember Dark public appearance * match public dark mode to Ember Dark * refine the public site at phone widths * stabilize the responsive footer * keep dark accents readable * keep dark button borders semantic * keep dark dialog and sidebar controls usable * collapse public navigation before controls crowd * Polish focused-preview public copy (#220) * polish public preview copy * align public copy assertions * restore canonical and pane terminology * keep agent and privacy copy contract-accurate * narrow every local-data promise * Stabilize public heading typography (#221) * stabilize the public hero heading * smooth the hero type breakpoint * restore lighter public heading weights * recapture stills from a retained source * recapture demo from a retained source * keep brand assets legible in Ember Dark * keep the mobile disclosure readable
Outcome
Replaces every public product screenshot with a real, sanitized capture of the current #195 three-region UI in Ember Light.
Stack
t3code/public-ember-light)What changed
npm run capture:stillsbuilds and seeds the isolated capture instance, drives only its real renderer over a loopback-only CDP endpoint, captures four stable UI states, validates each PNG, stops the app, and restores the pristine fixture.354c9ef023fc181745413fa5f5746bfbc9b447c9and each output SHA-256.Verification
npm run ci:local: 921/921 tests plus smoke passed.011c050.Human product QA remains deferred by the machine interaction policy; deterministic rendered inspection is complete.
Boundary
This PR owns capture-only UI automation, replacement of the same four PNGs, their alt text/captions, README image selection, and binary/privacy validation. It does not record the demo, generate final social cards, or mutate live GitHub metadata.
Tracks the screenshot portion of #16. Child of #205, #210, and #212.