Skip to content

Recapture 0.2.0 screenshots: profile editor, extensions, builder - #15

Merged
tanglearncode merged 1 commit into
mainfrom
docs/refresh-screenshots
Jul 20, 2026
Merged

Recapture 0.2.0 screenshots: profile editor, extensions, builder#15
tanglearncode merged 1 commit into
mainfrom
docs/refresh-screenshots

Conversation

@tanglearncode

Copy link
Copy Markdown
Contributor

Replaces stale pre-0.2.0 screenshots with fresh captures from the installed 0.2.0 desktop app (driven with Playwright against the demo Team Library), and fixes button labels the old shots implied.

Recaptured images

Domain Profiles

  • features/profile-editor.png — the editor open on a real profile.

Using Extensions

  • features/extensions-page.png — Extensions page with the bundled Datadog + PagerDuty cards.
  • features/extension-datadog-card.png — Datadog card (inline API-key form).
  • features/extension-pagerduty-card.png — PagerDuty card (OAuth Connect).
  • features/extensions-with-demo.png — an installed connector card (Ops Demo Systems, with its tools).
  • features/extension-builder.png — the Create builder.

Building Extensions (create-extension-ui), matching the documented GitHub example:

  • extensions/builder-basics.png — Step 1 Basics, with the Base URL help open.
  • extensions/builder-auth-api-key.png — Step 2 Auth, API-key fields.
  • extensions/builder-data.png — Step 3 Data.
  • extensions/builder-review.png — Step 4 Review.

Text fixes to match the current UI

  • AddInstall from folder (getting-started, using-extensions, incident-analysis).
  • Extension refresh button is Reload, not "Update".
  • The profile editor has Save + Duplicate; deleting a profile is Remove on its Library card (not a Delete in the editor).

Verification

Captured from C:\Program Files\NeatContext\NeatContext.exe (v0.2.0). npm run build passes; all images resolve.

Not included

features/account.png isn't flagged and may also be pre-0.2.0 — I can recapture it (signed-in via the test hook) if you want it in scope. demo/02-start-servers.png is a terminal shot and is still accurate.

Replace stale pre-0.2.0 screenshots with fresh captures from the installed 0.2.0
desktop app, and fix button labels the old shots implied.

Screenshots (installed app + demo Team Library):
- features/profile-editor.png — the domain profile editor with a real profile.
- features/extensions-page.png — the Extensions page (bundled Datadog + PagerDuty).
- features/extension-datadog-card.png, extension-pagerduty-card.png — card close-ups.
- features/extensions-with-demo.png — an installed connector card (Ops Demo Systems).
- features/extension-builder.png — the Create builder (Basics step).
- extensions/builder-basics.png, builder-auth-api-key.png, builder-data.png,
  builder-review.png — the four builder steps, using the documented GitHub example.

Text fixes to match the current UI:
- "Add" -> "Install from folder" (getting-started, using-extensions, incident-analysis).
- extension "Update" button -> "Reload".
- profile editor removal is via the Library card's "Remove", not a Delete in the editor.
@tanglearncode
tanglearncode merged commit a63e3bf into main Jul 20, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant