Skip to content

Retake the README screenshots on the v1.1.0 UI - #8

Merged
IPerception merged 2 commits into
mainfrom
docs/refresh-readme-screenshots
Aug 21, 2026
Merged

Retake the README screenshots on the v1.1.0 UI#8
IPerception merged 2 commits into
mainfrom
docs/refresh-readme-screenshots

Conversation

@IPerception

Copy link
Copy Markdown
Owner

Closes the last item left over from the v1.1.0 UI redesign: the four README
screenshots still showed the pre-redesign interface. Nothing in the repo
pictured the new masthead or the readout strip, so anyone arriving at the
README saw an app that does not match what they would download.

Screenshots

Retaken against the same sample files as the originals, so the existing alt
text still describes what is on screen:

Image File State
document-tab.png deid/patient_and_cob.edi Document tab, outline and rule panel
tree-tab.png tree/cob_loops.edi Tree tab, HI composite expanded
claims-tab.png deid/patient_and_cob.edi Claims tab, 2 claims / 3 service lines
limited-data-set.png deid/repeat_patient.edi Changes tab after an LDS run

All four are dark theme, mask off, and within a few pixels of each other so
they stack consistently.

Two things that were not just styling

The Claims table was clipped. The old capture cut off the claim total
column mid-word. It now fits, so the alt text gains that column — it had
been accurate only because the column was invisible.

The old Tree capture had a bug in it. It reported cob_loops.edi as
51 segments / 1.3 KB. The file is 44 segments and 1,244 bytes, and git log
shows it has not been touched since it was committed. Those were
patient_and_cob.edi's figures — the file loaded before it. The readout
went stale on load while the filename updated, which is the same load path
that #5 fixed and that render.mjs was built to cover. The new capture
reads 44 / 1.2 KB.

Copy

Two small changes to the source-interchange panel, included here because the
screenshots show them:

  • The drop-zone label is uppercased through text-transform rather than
    literal caps, so case lives in the stylesheet like the app's other
    uppercase runs. Tracked at .06em, matching .card-title.
  • Use sample reads Load a sample.

Verification

node web/tests/all.mjs — all 9 suites pass. No suite references either
string, and no behaviour changed.

🤖 Generated with Claude Code

IPerception and others added 2 commits August 20, 2026 20:21
Uppercase the drop-zone label through text-transform rather than literal
caps, so case stays in the stylesheet like the app's other uppercase runs.
Tracked at .06em to sit alongside .card-title, the only other large-size
uppercase in the UI.

Rename the sample link from "Use sample" to "Load a sample".

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The four screenshots still showed the pre-redesign interface: none of them
had the new masthead or the readout strip. Retaken against the same sample
files so the existing alt text still describes what is on screen.

Two things changed beyond the styling:

- The Claims table was clipped on the right in the old capture, cutting off
  the claim total column. It now fits, so the alt text gains that column.
- The old Tree capture reported cob_loops.edi as 51 segments / 1.3 KB. The
  file is 44 segments / 1,244 bytes and has never been edited; those were
  the figures for patient_and_cob.edi, loaded before it. The readout went
  stale on load and the filename did not. Fixed by the load path work in
  #5, and the new capture reads correctly.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
@IPerception
IPerception merged commit f2aee40 into main Aug 21, 2026
1 check passed
@IPerception
IPerception deleted the docs/refresh-readme-screenshots branch August 21, 2026 01:23
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