Skip to content

Recapture the current Ember Light product UI - #213

Merged
lastobelus merged 6 commits into
t3code/refresh-ui-docs-mediafrom
t3code/current-product-captures
Aug 30, 2026
Merged

Recapture the current Ember Light product UI#213
lastobelus merged 6 commits into
t3code/refresh-ui-docs-mediafrom
t3code/current-product-captures

Conversation

@lastobelus

@lastobelus lastobelus commented Aug 29, 2026

Copy link
Copy Markdown
Owner

Outcome

Replaces every public product screenshot with a real, sanitized capture of the current #195 three-region UI in Ember Light.

Stack

What changed

  • npm run capture:stills builds 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.
  • Replaced the same four public assets at 2360×1520, RGB, 144 dpi: review editor, Projects + All Annotations, source proposal diff, and Review context.
  • README now uses only the strongest editor capture; Pages keeps all four with current alt text and captions.
  • The launch manifest pins producing commit 354c9ef023fc181745413fa5f5746bfbc9b447c9 and each output SHA-256.

Verification

  • Original-resolution visual inspection passed for all four images.
  • Visible paths, repositories, review/thread IDs, PRs, provider, and machine labels are fixture-only; no canonical or private state was used.
  • npm run ci:local: 921/921 tests plus smoke passed.
  • Focused public capture + Pages tests: 26/26 passed.
  • GitHub CI is green on head 011c050.
  • Capture app stopped; fixture reset to Inbox → block 1 → Selected block.

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.

@lastobelus

lastobelus commented Aug 29, 2026

Copy link
Copy Markdown
Owner Author

Work intent

phase: 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.

@lastobelus
lastobelus force-pushed the t3code/current-product-captures branch from 011c050 to 7103028 Compare August 30, 2026 22:48
@lastobelus
lastobelus changed the base branch from t3code/public-ember-light to t3code/refresh-ui-docs-media August 30, 2026 22:48
@lastobelus
lastobelus marked this pull request as ready for review August 30, 2026 22:48
@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Aug 30, 2026

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review Completed 2026-08-30T23:00:28.488580Z 3dae5d0 Manual request
ℹ️ 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" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 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".

Comment thread doc/launch/issue-16/capture-manifest.json Outdated
@lastobelus

Copy link
Copy Markdown
Owner Author

@codex review

@chatgpt-codex-connector

Copy link
Copy Markdown

Codex Review: Didn't find any major issues. Breezy!

Reviewed commit: 3dae5d0a5b

ℹ️ 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".

@lastobelus
lastobelus merged commit 76f442f into t3code/refresh-ui-docs-media Aug 30, 2026
1 check passed
@github-project-automation github-project-automation Bot moved this from In Progress to Done in Markover Announcement Readiness Aug 30, 2026
lastobelus added a commit that referenced this pull request Aug 31, 2026
* 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
lastobelus added a commit that referenced this pull request Aug 31, 2026
* 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Development

Successfully merging this pull request may close these issues.

1 participant