Skip to content

Standards map polish: pack the families, steady hover, no draw-in - #78

Closed
jbspeakr wants to merge 1 commit into
mainfrom
claude/project-thread-2hbgmr
Closed

jbspeakr wants to merge 1 commit into
mainfrom
claude/project-thread-2hbgmr

Conversation

@jbspeakr

Copy link
Copy Markdown
Collaborator

Requested by Jan · project thread

What this changes

Three fixes to /standards/, after review (R-12 in specs/016-visual-redesign/tasks.md).

  • Layout and whitespace. Before, everything went through one ELK run. The 14 documents that build on OAuth 2.0 made one very tall column, and every unrelated document (WIMSE, EU, A2A and others) was stacked under it. The right half of the plate stayed empty. Now layoutGraph lays out each family of documents joined by dependencies on its own and packs them onto one column grid. The OAuth family goes top left. The other families go into the columns whose floor (nodes plus the lines in the gap before them) is highest up, narrow ones first. Documents that stand alone stack by body. The drawing goes from 2151 to 1385 units tall (about 35% shorter) and now fills the plate. Within a family, a document still sits one column right of what it builds on. The caption says so.
  • Hover flicker. Before, each mouseenter and mouseleave restyled every node and line. A pointer crossing the map switched the whole drawing on and off for each node it passed (22 switches in one sweep down the long column). Now a node takes the highlight when the pointer rests on it for 90 ms. Leaving clears after 160 ms, unless the pointer reaches another node first. Keyboard focus acts at once. Nodes and lines fade together over --dur (before, nodes snapped and lines faded). The same sweep now gives at most 2 switches. This is new motion row M19 in docs/design.md and the plan, and it is in the accessibility statement.
  • Intro animation dropped. The builds-on spine draw-in and its halo are removed from the map. The spine shares a merged trunk with other edges, so only one or two arrows visibly moved and it looked like a glitch. The spine stays bold and still. M4 now covers only the decorative plate.

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

Code checklist

  • pnpm check passes.
  • Pages still read fully without JavaScript; the island only gains the hover-intent timers.
  • Both themes checked; screenshots updated only for intended changes. The standards and standards-greyscale baselines need a refresh from CI's Chromium (please add the refresh-screenshots label). Locally, all non-screenshot standards tests pass, including the new sweep test (M19) and the static-spine test. The other suites only fail on screenshots (the local Chromium differs from CI's) and on some matrix tests that time out on data-enhanced. A different set of matrix tests fails on each run, and the matrix code is untouched.

Generated by Claude Code

- layoutGraph lays out each family of documents joined by dependencies on its
  own and packs them onto one column grid: the OAuth family top left, then
  the narrow ones first into the column runs with the highest floor. The
  drawing goes from 2151 to 1385 units tall and fills its plate.
- Hover intent on the map: a node takes the highlight once the pointer rests
  on it (90ms), leaving clears after 160ms unless another node is reached;
  focus acts at once. Nodes and lines fade together over --dur (M19).
- The spine draw-in and halo are gone from the map; the spine stays bold.
  M4 now covers the decorative plate only; the accessibility statement,
  design doc, plan and tasks (R-12) are updated.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_016ZfjWWhsQeCwo13HsJKZvm
@jbspeakr jbspeakr added the refresh-screenshots Regenerate Playwright screenshot baselines with CI's Chromium and commit them to the PR branch label Oct 23, 2026 — with Claude
@jbspeakr jbspeakr self-assigned this Oct 23, 2026

Copy link
Copy Markdown
Collaborator Author

Closing this as superseded. #76 merged into main while this PR was in progress. It covers the same three changes (packing the small dependency groups, hover intent with nodes fading together with their lines, and no spine draw-in), and it already includes the refreshed baselines. This branch now conflicts with main and adds nothing that #76 lacks.


Generated by Claude Code

@jbspeakr jbspeakr closed this Oct 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

refresh-screenshots Regenerate Playwright screenshot baselines with CI's Chromium and commit them to the PR branch

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants