[jbspeakr]

Requested by Jan · project thread

What this changes

Layout and whitespace. ELK used to lay out all 41 specs as one graph, so every standalone spec and small tree (EU acts, A2A, WIMSE, SD-JWT…) was stacked into column 0 below the long column of OAuth extensions. That left the lower right of the drawing empty. Now layoutGraph lays out each group of specs joined by dependencies on its own. The largest group (the OAuth tree) sets the columns. Every other group, plus one stack of standalone specs per body, goes into the run of columns where it sits highest, below nodes and routed lines that are already there. The drawing goes from 1320×2151 to 1320×1277, about 40% shorter, and the empty lower right is filled. Within each group, a spec still sits one column right of what it builds on.

• A same-column curve in the last column now bows left, so it stays inside the frame.
• Band names are drawn above the lines, with a rim in the plate colour, so a line through the gap no longer runs over a label.
• The rail's body toggles use the short name when the full one would wrap ("OpenID", "EU"), with the full name as a title. Each toggle is now one line, so the rail is shorter and the reading card sits higher.

Hover flicker. Each node used mouseenter/mouseleave. When the pointer crossed the gap between two nodes, the whole map snapped back to full strength and then dimmed again. Nodes also had no opacity transition, so this showed as a hard blink. Now the island delegates pointer events on the drawing. It holds the highlight for 280 ms while the pointer crosses a gap and only redraws when the node changes. Nodes fade with their lines over --dur. The new motion is M19 in docs/design.md and is listed on the accessibility page. Under reduced motion it applies at once.

Intro animation. The spine draw-in and halo are removed from the map. The spine is two or three short edges, so the draw read as a glitch, not a path. The spine stays drawn at full strength. M4 now covers only the decorative plate.

Before/after screenshots are in the project files under review/standards-map-polish/ (before-plate.png / after-plate.png, hover, light and dark).

Code checklist

• pnpm check passes (321 unit tests, incl. a new packing test that fails on the old layout).
• Pages read fully without JavaScript; no new island.
• Both themes checked; screenshots updated only for intended changes. The standards.png and standards-greyscale.png baselines need a refresh from CI's Chromium (refresh-screenshots label). Locally, all other standards e2e tests pass, including the new gap-hover test. The spec.png comparison also fails locally, on a page this PR does not touch, because the local Chromium differs from the pinned one.

---

Generated by Claude Code